Tabler Icons: A Set of Over 500 free MIT-licensed SVG Icons

News

July 2nd, 2020

tabler-icons-featured.png

Tabler Icons is a set of over 550 free MIT-licensed high-quality SVG icons for you to use in your web projects. You can add Tabler Icons to your project via an NPM module, or paste the SVG code directly in HTML:

<svg xmlns="http://www.w3.org/2000/svg"
    class="icon icon-tabler icon-tabler-disabled"
    width="24" height="24" viewBox="0 0 24 24"
    stroke-width="1.25" stroke="currentColor" fill="none"
    stroke-linecap="round" stroke-linejoin="round">
      ...
  </svg>

Alternatively, the project comes with an SVG sprite:

<svg width="24" height="24">
  <use xlink:href="path/to/tabler-sprite.svg#tabler-activity"/>
</svg>

Using the stroke-width CSS property, you can get different icon variants based on the stroke width you need:

Learn More

To learn more about this package, get full installation instructions, and view the source code on GitHub at tabler/tabler-icons. Also, check out Tabler UI Kit, a premium open-source dashboard template based on Bootstrap.

Filed in:

Paul Redmond

Full stack web developer. Author of Lumen Programming Guide and Docker for PHP Developers.