Tabler Icons
A collection of over 6000 free, MIT-licensed, high-quality SVG icons designed for web projects.
What is Tabler Icons?
Tabler Icons is a free, open-source icon library containing over 6000 high-quality SVG icons designed for web and application projects. It solves the problem of finding consistent, customizable, and legally safe icons for user interfaces. Each icon is built on a standardized 24x24 grid with a 2px stroke, ensuring visual coherence across the entire set.
Frontend developers, UI/UX designers, and product teams building web applications, design systems, or documentation sites that require scalable, customizable iconography.
Developers choose Tabler Icons for its extensive MIT-licensed collection, framework-specific packages, and SVG-based flexibility that allows complete control over appearance without compromising quality.
Overview
A set of over 6000 free MIT-licensed high-quality SVG icons for you to use in your web projects.
Use Cases
Best For
- Adding consistent iconography to web applications
- Building design systems with customizable icon components
- Creating documentation sites with clear visual indicators
- Developing admin dashboards and internal tools
- Prototyping interfaces with high-quality placeholder icons
- Projects requiring free, commercially usable icons
Not Ideal For
- Projects requiring multi-color or gradient icons without heavy SVG manipulation
- Applications needing animated icons out-of-the-box for interactive elements
- Legacy systems or environments with poor SVG support (e.g., some email clients)
- Teams prioritizing minimal bundle size who cannot afford tree-shaking overhead
Pros & Cons
Pros
With over 6,000 icons including both outline and filled variants, it offers one of the largest open-source sets, reducing the need to mix libraries. The README notes 5,039 outline and 1,053 filled icons.
Free for personal and commercial use with minimal restrictions, making it a safe choice for startups and enterprises alike. The license is clearly stated in the README.
Official, well-documented packages for React, Vue, Angular, and Svelte simplify integration, as shown in the usage examples with props for customization.
All icons are designed on a 24x24 grid with a 2px stroke, ensuring visual harmony across the set, which is emphasized in the README's philosophy section.
Vector SVG format allows easy customization of size, color, and stroke width via CSS or component props, enabling crisp scaling without quality loss.
Cons
Only 1,053 icons have filled versions compared to 5,039 outline icons, as per the README counts, which may force compromises in designs requiring consistent filled sets.
Building custom icon fonts requires installing FontForge and editing JSON configs, adding setup overhead for teams wanting font-based usage beyond the provided CDN.
Icons are static SVGs without pre-made animations or interactive states, requiring developers to manually add CSS or JavaScript for dynamic effects.
Importing the full icon set can increase bundle size significantly; while tree-shaking helps, it requires careful configuration in frameworks to avoid performance hits.
Frequently Asked Questions
Related Projects
Font AwesomeThe iconic SVG, font, and CSS toolkit
Material design iconsMaterial Design icons by Google (Material Symbols)
FeatherSimply beautiful open-source icons
HeroiconsA set of free MIT-licensed high-quality SVG icons for UI development.
Found a gem we're missing?
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.