Tabler Icons Sprite

Sponsors

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

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.