@karrotmarket/astro-monochrome-icon

Astro에서 사용할 수 있는 SEED 모노크롬 아이콘.

Install

npm install @karrotmarket/astro-monochrome-icon
yarn add @karrotmarket/astro-monochrome-icon

Usage

---
import { IconArrowLeftLine, IconHeartFill } from '@karrotmarket/astro-monochrome-icon';
---

<IconArrowLeftLine size={24} />
<IconHeartFill size="2rem" style="color: red;" />

색상은 CSS color 속성으로 제어합니다. 모든 path는 fill="currentColor"를 사용합니다.

Tree-shaking

번들러가 tree-shaking을 지원한다면 사용하지 않는 아이콘은 번들에 포함되지 않습니다. 그게 아니라면 Deep Import를 사용하여 필요한 아이콘만 가져오는 것을 권장합니다.

---
import IconArrowLeftLine from '@karrotmarket/astro-monochrome-icon/IconArrowLeftLine.astro';
---

<IconArrowLeftLine />

Requirements

• Astro 4 / 5 / 6
• Node 18 이상