A set of over 6000 free MIT-licensed high-quality SVG icons for you to use in your web projects.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 
Paweł Kuna 9d5ddb3c90
Remove per-icon log lines from the build (#1648)
5 days ago
..
.gitignore Tabler Icons 3.0 (#993) 3 years ago
CHANGELOG.md Release (#1647) 6 days ago
README.md Release (#1647) 6 days ago
build.mjs Remove per-icon log lines from the build (#1648) 5 days ago
package.json Release (#1647) 6 days ago

README.md

Tabler Icons Sprite

Tabler Icons

SVG sprite with all 6238 Tabler Icons, ready to use with <use>.

Browse all icons at tabler.io →

Latest release License

Sponsors

If you want to support our project and help us grow it, you can become a sponsor on GitHub or donate on PayPal.

Tabler sponsors

Installation

npm install @tabler/icons-sprite
yarn add @tabler/icons-sprite
pnpm add @tabler/icons-sprite

You can also download the latest release from GitHub.

Usage

Reference an icon from the sprite by its name prefixed with tabler-. Replace activity in the example below with any valid icon name.

<svg width="24" height="24">
  <use xlink:href="path/to/tabler-sprite.svg#tabler-activity" />
</svg>

The package ships three sprites in the dist directory:

File Description
tabler-sprite.svg Outline icons with a fixed 2px stroke
tabler-sprite-nostroke.svg Outline icons without a stroke-width attribute, so you can set the stroke width with CSS
tabler-sprite-filled.svg Filled icons

CDN

<svg width="24" height="24">
  <use xlink:href="https://cdn.jsdelivr.net/npm/@tabler/icons-sprite@latest/dist/tabler-sprite.svg#tabler-activity" />
</svg>

Replace latest with a specific version number to pin a release.

Contributing

Bug reports and icon requests are welcome in the issue tracker. Caught a mistake in this page? Edit it on GitHub.

License

Tabler Icons is licensed under the MIT License.