Tabler Icons
Over 6,000 free MIT-licensed SVG icons for web projects, in many formats and frameworks.
- Stars
- 22.5k
- Forks
- 1.3k
- Licence
- MIT
- Language
- JavaScript
- Last update
- 8 days ago
- Type
- App
What it is
Tabler Icons is a large collection of simple line-style icons (with a smaller filled set) that you can add to websites and apps. The README says each icon is drawn on a 24x24 grid with a 2px stroke, and the set is released under the MIT license, so it is free to use. It is distributed as official packages for plain SVG, sprites, webfonts, and components for React, Vue, Svelte, and other frameworks.
- Add an icon to a web page with an img tag or inline SVG
- Use a React component such as IconAward in a React app and set its size, color, and stroke
- Load an icon font stylesheet and place icons with a ti class in HTML
- Reference icons from a single SVG sprite file to reduce separate requests
Great for
- Web developers who need a consistent set of icons for buttons, menus, and dashboards
- React, Vue, Svelte, or Astro developers who want ready-made icon components
- Projects that need many icon options without paying for a license
- Teams that want to swap icon stroke width or color with plain CSS
Not ideal for
- People who need a unique brand icon style, since this is a general-purpose set (the README does not discuss customization beyond CSS and props)
- Projects that need icons in a non-web format only; the README covers SVG, PNG, PDF, and EPS, but its usage examples focus on web use
How to get it
- 1
Install with a package manager
You'll need: Node.js and npm, yarn, or pnpm (needed for the package-manager install shown in the README)
Install the SVG package with npm
npm install @tabler/iconsInstall with yarn
yarn add @tabler/iconsInstall with pnpm
pnpm add @tabler/icons - 2
Run it
- Install the package, for example npm install @tabler/icons, or pick a framework package from the README table
- For plain HTML, reference an icon file with an img tag pointing to the SVG
- For React, import an icon such as IconAward from @tabler/icons-react and render it as a component
- Adjust size, color, or stroke-width with CSS or component props
- 3
Get the most out of it
- Use inline SVG with currentColor so icons inherit text color and can be styled with CSS
- Choose the webfont stylesheet with the stroke width you need: 2, 1.5, or 1 for outline, or filled
- Use the sprite package to load many icons from one file
- Browse all icons at tabler.io/icons to find names before coding
Downloads
Strengths
- Large set of over 6,000 icons (the README lists 6257 total, 5203 outline, 1054 filled)
- MIT license and free to use, as stated in the README
- Many packages cover common frameworks and formats, with one shared version number
Trade-offs
- The README is a summary; the full documentation is hosted on tabler.io, so some details are not covered here
- Icon names and sets change with releases, so pinning a version may be needed for stability
How it compares
| Project | Stars | Type | Level | Updated | Best for |
|---|---|---|---|---|---|
| tabler-icons (this) | 22.5k | App | beginner | 8 days ago | Web developers who need a consistent set of icons for buttons, menus, and dashboards |
| heroicons | 23.9k | Library | beginner | 6 months ago | Web developers building interfaces who want clean, consistent icons |
| ionicons | 18.2k | Library | beginner | 3 months ago | Developers building apps with Ionic Framework, where icons are already packaged |
| anime | 74.2k | Library | beginner | 3 months ago | Front-end developers adding motion to websites or web apps |
| feather | 26k | Library | beginner | 1.7 years ago | Web developers who want a clean set of line icons without designing their own |
| flag-icons | 12.5k | Library | beginner | 5 days ago | Web developers who need flags next to country names in a site or app |
Stats synced from GitHub. The assessment above was drafted with AI from the project's README on 2026-10-29 and may miss recent changes — check the README before relying on a command. MIT licence: free to use, modify and distribute, including commercially, as long as you keep the copyright notice.