Public-Mirrors
/
tabler-icons
mirror of https://github.com/tabler/tabler-icons
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
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.
2148 Commits
20 Branches
269 Tags
1.2 GiB
 
 
 
 
 
 
Branch: main
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'main'
${ noResults }
tabler-icons/packages/icons-astro
github-actions[bot] 009744c9d3
Release (#1647) 		6 days ago
..
src Type-check build scripts and enable `no-explicit-any` (#1627) 6 days ago
.gitignore Add Astro support for Tabler Icons (#1559) 3 months ago
CHANGELOG.md Release (#1647) 6 days ago
README.md Refresh package READMEs: fix wrong props, broken links and inconsistent structure (#1589) 1 month ago
build.mjs Add ESLint and Prettier checks and clean up `.build/helpers.mjs` (#1623) 6 days ago
package.json Release (#1647) 6 days ago
rollup.config.mjs Add ESLint and Prettier checks and clean up `.build/helpers.mjs` (#1623) 6 days ago
test.spec.ts Add Astro support for Tabler Icons (#1559) 3 months ago
tsconfig.json Run Angular tests in CI, add React Native tests and lint Vue, Svelte and Astro files (#1625) 6 days ago
vitest.config.ts Add Astro support for Tabler Icons (#1559) 3 months ago

README.md

Tabler Icons for Astro

Tabler Icons

Implementation of the Tabler Icons library for Astro applications.

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-astro

yarn add @tabler/icons-astro

pnpm add @tabler/icons-astro

You can also download the latest release from GitHub.

Usage

The package is built with ES modules, so unused icons are tree-shaken from your bundle. Each icon is exported as an Astro component.

---
import { IconArrowRight } from '@tabler/icons-astro';
---

<IconArrowRight />

Pass props to adjust the icon:

<IconArrowRight color="red" size={48} stroke={1.5} />

Props

Name Type Default Description
size _number string_ 24
color string currentColor Stroke color for outline icons, fill color for filled icons
stroke _number string_ 2
title string – Adds a <title> element for accessibility
class string – Extra classes added to tabler-icon tabler-icon-{{name}}

Any other attribute is forwarded to the rendered <svg> element. The package ships with TypeScript declarations.

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.