Icons
@featuring-corp/icons — 333개 시스템 아이콘 + 26개 서비스 아이콘
@featuring-corp/icons
SVG 기반 React 아이콘 컴포넌트 패키지입니다. 시스템 아이콘과 서비스(브랜드) 아이콘을 제공합니다.
설치
npm install @featuring-corp/icons아이콘 종류
| 종류 | 수량 | 설명 |
|---|---|---|
| System Icons | 333개 | UI 시스템 아이콘 — 10개 카테고리 (Business, Controls, Data 등) |
| Service Icons | 26개 | 소셜/브랜드 아이콘 — Apple, Google, Facebook 등 |
사용법
import { IconSearchOutline, IconHomeFilled } from '@featuring-corp/icons';
// 기본 사용
<IconSearchOutline />
// 크기 지정
<IconHomeFilled size="24px" />
// 색상 지정 (시스템 아이콘은 currentColor 상속)
<IconSearchOutline size="20px" fill="var(--global-colors-gray-60)" />Props
| Prop | 타입 | 기본값 | 설명 |
|---|---|---|---|
size | '12px' | '14px' | '16px' | '20px' | '24px' | '32px' | number | 16 | 아이콘 크기 |
fill | string | currentColor | 아이콘 색상 |
Subpath Exports
// 전체 import
import { IconSearchOutline } from '@featuring-corp/icons';
// 시스템 아이콘만
import { IconSearchOutline } from '@featuring-corp/icons/system';
// 서비스 아이콘만
import { IconGoogleColor } from '@featuring-corp/icons/service';네이밍 규칙
- System:
Icon{Name}{Style}— Style:Outline,Filled - Service:
Icon{Brand}{Variant}— Variant:Color,Black,White