Astro Feather Icons

Feather is a collection of simply beautiful open source icons.
Each icon is designed on a 24x24 grid with an emphasis on simplicity, consistency, and flexibility.

``shell
npm install astro-feather-icons
`

`shell
pnpm i astro-feather-icons
`

`shell
yarn add astro-feather-icons
`

GitHub |
NPM

Usage

All of the icons are available from a single import.

`astro
---
import { AirPlay, AtSign, Zap } from 'astro-feather-icons'
---



`

When importing all of the icons, only the ones that get used will be added to the page

`astro
---
import * as Icon from 'astro-feather-icons'
---



`

The icons are also available as individual imports.

`astro
---
import AirPlayIcon from 'astro-feather-icons/AirPlay'
import AtSignIcon from 'astro-feather-icons/AtSign'
import ZapIcon from 'astro-feather-icons/Zap'
---



`

Prop Types

The following Props interface is available to every icon:

`ts
export interface Props {
'fill'?: string;
'fill-opacity'?: number | string;
'fill-rule'?: "nonzero" | "evenodd" | "inherit";
'height'?: number | string;
'size'?: number | string;
'stroke'?: string;
'stroke-dasharray'?: string | number;
'stroke-dashoffset'?: string | number;
'stroke-linecap'?: "butt" | "round" | "square" | "inherit";
'stroke-linejoin'?: "miter" | "round" | "bevel" | "inherit";
'stroke-miterlimit'?: number | string;
'stroke-opacity'?: number | string;
'stroke-width'?: number | string;
'viewBox'?: string;
'width'?: number | string;
}
`

- The Props interface additionally includes:
- All HTML global attributes.
- All WAI-ARIA attributes and the WAI-ARIA role attribute.
- The title attribute transforms into a