Repolode
Submit
tabler

tabler/tabler-icons

A free, MIT-licensed set of over 6,200 SVG icons on a 24x24 grid, with packages for React, Vue, Svelte, Angular and more.

View on GitHubWebsite
Stars
22,396
Forks
1,245
Open issues
85
Last commit
3 hours ago

What is it?

Tabler Icons is an icon set of more than 6,200 open-source SVG icons, each designed on a 24x24 grid with a 2px stroke. It includes both outline and filled styles, so developers can pick a consistent visual style for web interfaces without drawing their own icons.

The icons are distributed as official packages for different formats and frameworks. You can use raw SVG files, an SVG sprite, or a webfont with CSS and SCSS, and there are ready-made components for React, React Native, Preact, Vue 3, Svelte 4 and 5, SolidJS, Astro and Angular. Stroke width and color can be adjusted through CSS or component props. Icons are also available from a jsDelivr CDN.

Key features

  • 01Over 6,200 icons in outline and filled styles on a 24x24 grid.
  • 02Official packages for SVG, sprite, webfont and PNG/PDF/EPS formats.
  • 03Components for React, Vue, Svelte, SolidJS, Astro, Angular and React Native.
  • 04Color, size and stroke width can be adjusted via CSS or props.
  • 05Available through npm and a jsDelivr CDN.

Use cases

  • Adding a consistent icon set to a React or Vue web application.
  • Using icons as inline SVG or CSS background images in a static site.
  • Building a toolbar or navigation menu with a webfont.
  • Sourcing vector icons for design or print work in PNG, PDF or EPS form.

Quick start

  1. 1

    Install the SVG icon package with npm

    npm install @tabler/icons
  2. 2

    Install the React components package instead (optional, for React projects)

    npm install @tabler/icons-react
  3. 3

    Import an icon in your code and use it, e.g. IconAward in React

Things to know

  • Icon sets only: it provides icons, not a full UI component library.

Topics

#icons#svg#icon-font#react#vue#svelte#design-system#css#bootstrap-icons#components

FAQ

What is tabler-icons?
A free, MIT-licensed set of over 6,200 SVG icons on a 24x24 grid, with packages for React, Vue, Svelte, Angular and more. Tabler Icons is an icon set of more than 6,200 open-source SVG icons, each designed on a 24x24 grid with a 2px stroke. It includes both outline and filled styles, so developers can pick a consistent visual style for web interfaces without drawing their own icons.
Is tabler-icons free to use? What license does it have?
tabler-icons is open source under the MIT license. Check the license terms before using it in commercial products.
Is tabler-icons still maintained?
Actively maintained. The last commit to tabler-icons was on Oct 21, 2026.
What can I use tabler-icons for?
Adding a consistent icon set to a React or Vue web application. Using icons as inline SVG or CSS background images in a static site. Building a toolbar or navigation menu with a webfont. Sourcing vector icons for design or print work in PNG, PDF or EPS form.
How do I install tabler-icons?
Install the SVG icon package with npm: npm install @tabler/icons Install the React components package instead (optional, for React projects): npm install @tabler/icons-react Import an icon in your code and use it, e.g. IconAward in React
Where can I get tabler-icons?
The source code and installation instructions are on GitHub: https://github.com/tabler/tabler-icons

Summary generated by AI from the project's README. GitHub stats refresh daily.

Related projects