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.
|
|
5 days ago | |
|---|---|---|
| .. | ||
| .gitignore | 3 years ago | |
| CHANGELOG.md | 6 days ago | |
| README.md | 6 days ago | |
| build.mjs | 5 days ago | |
| package.json | 6 days ago | |
README.md
Tabler Icons Sprite
SVG sprite with all 6238 Tabler Icons, ready to use with <use>.
Browse all icons at tabler.io →
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.