ContextQMD
Back to Tabler Icons

Tabler Icons for Astro

packages/icons-astro/README.md

3.46.02.6 KB
Original Source

Tabler Icons for Astro

<p align="center"> <a href="https://tabler.io/icons?ref=tabler-icons-readme"></a> </p> <p align="center"> Implementation of the Tabler Icons library for Astro applications. </p> <p align="center"> <a href="https://tabler.io/icons"><strong>Browse all icons at tabler.io &rarr;</strong></a> </p> <p align="center"> <a href="https://github.com/tabler/tabler-icons/releases"></a> <a href="https://github.com/tabler/tabler-icons/blob/main/LICENSE"></a> </p>

Sponsors

If you want to support my project and help me grow it, you can become a sponsor on GitHub or just donate on PayPal :)

<a href="https://github.com/sponsors/codecalm"> </a>

Installation

yarn add @tabler/icons-astro

or

npm install @tabler/icons-astro

or

pnpm install @tabler/icons-astro

or just download from GitHub.

How to use

It's built with ES modules so it's completely tree-shakable. Each icon can be imported as an Astro component.

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

<IconArrowRight />

You can pass additional props to adjust the icon.

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

Any valid SVG attribute is forwarded to the rendered <svg> element.

Props

nametypedefault
sizeNumber24
colorStringcurrentColor
strokeNumber2

Contributing

For more info on how to contribute please see the contribution guidelines.

Caught a mistake or want to contribute to the documentation? Edit this page on GitHub

License

Tabler Icons is licensed under the MIT License.

<a href="https://github.com/sponsors/codecalm" target="_blank"></a>