A set of 5289 free MIT-licensed high-quality SVG icons for you to use in your web projects. Each icon is designed on a 24x24 grid and a 2px stroke.
Browse all icons at tabler-icons.io →
If you want to support my project and help me grow it, you can become a sponsor on GitHub or just donate on PayPal :)
yarn add @tabler/icons
or
npm install @tabler/icons
or
pnpm install @tabler/icons
or just download from Github.
All icons are built with SVG, so you can place them as <img>, background-image and inline in HTML code.
If you load an icon as an image, you can modify its size using CSS.
<img src="path/to/icon.svg" alt="icon title" />You can paste the content of the icon file into your HTML code to display it on the page.
<a href="">
<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>
Click me
</a>Thanks to that, you can change the size, color and the stroke-width of the icons with CSS code.
.icon-tabler {
color: red;
width: 32px;
height: 32px;
stroke-width: 1.25;
}For more info on how to contribute please see the contribution guidelines.
Caught a mistake or want to contribute to the documentation? Edit this page on Github
Tabler Icons is licensed under the MIT License.
