A set of over 850 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
npm install tabler-icons --save
or just download from Github.
All icons are built with SVG, so you can place them as
background-image and inline in HTML code.
If you load an icon as an image, you can modify its size using CSS.
You can paste the content of the icon file into your HTML code to display it on the page.
Thanks to that, you can change the size, color and the
stroke-width of the icons with CSS code.
Add an icon to be displayed on your page with the following markup (
activity in the above example can be replaced with any valid icon name):
Import the icon and render it in your component. You can adjust SVG properties through React props:
import IconAward from 'tabler-icons';const MyComponent =return <IconAward= // `` ``="red" // ``= // ``="miter" ///>
tabler-icons exports it's own type declarations for usage with React and Typescript.
All icons in this repository have been created with the value of the
stroke-width property, so if you change the value, you can get different icon variants that will fit in well with your design.
Tabler Icons is licensed under the MIT License.