Tabler Icons

Tabler Icons is a powerful and versatile icon library that offers a huge collection of high quality icons suitable for a wide range of applications. With its clean and modern aesthetic, extensive customisation options, and user-friendly website and plugins, Tabler Icons is an excellent resource for designers and developers looking to enhance their projects with high-quality icons.

Customize stroke

The stroke-width property is a powerful tool for customizing icons. This property allows you to control the thickness of the stroke used to outline an icon, giving you precise control over its appearance. By adjusting the stroke-width property, you can make an icon more or less prominent, change its emphasis, or create unique visual effects. For example, a thinner stroke may be ideal for icons with intricate designs or fine details, while a thicker stroke can add visual weight and impact to simpler, bolder icons.

All icons are designed by default with 2px stroke.

<svg stroke-width="1" ...>
   ...
</svg>
<svg stroke-width="1.5" ...>
   ...
</svg>
<svg stroke-width="2" ...>
   ...
</svg>

Filled version of icons

Browse icons

Tabler Icons is a comprehensive icon library that features over 5200 high-quality icons. These icons are designed with a clean and modern aesthetic, making them suitable for a wide range of applications.

To use Tabler Icons, you can visit their website at https://tabler-icons.io. From there, you can browse the full collection of icons by category or search for a specific icon using the search bar. Once you have found an icon you like, you can download it in various file formats, including SVG, PNG, and Icon Font.

Do you have a question? ask the community
Do you see a bug? open an issue on GitHub
Do you like Tabler? tweet about it!
Support Tabler's development: Github Sponsors