Astro

The official Astro integration for Tabler Icons. Import any icon as a component in an Astro page.

Installation

npm install @tabler/icons-astro

yarn add @tabler/icons-astro

pnpm install @tabler/icons-astro

bun install @tabler/icons-astro

or just download from Github.

How to use

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

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

<IconArrowDown />

You can pass additional props to adjust the icon. Any valid SVG attribute is forwarded to the rendered <svg> element.

<IconArrowDown color="red" size={48} />

Props

All icon components accept these props to control the size, color, and stroke width of the rendered SVG: