아이콘

Figma 디자인 시스템과 동기화된 OpenIoT 커스텀 아이콘 152종. 기능이나 의미를 텍스트 없이 간단하게 전달하는 시각 요소예요.

사용법

모든 아이콘은 개별 컴포넌트로 export 돼요. 컴포넌트명은 Icon 접미사를 가져요 (예: AlarmIcon). 채움 변형은 Filled 가 붙어요 (HeartFilledIcon). 단색 아이콘은 currentColor 로 그려져 text-* 유틸리티로 색을 바꿀 수 있어요.

tsx

import { HeartIcon, HeartFilledIcon } from '@openiot/icons'

// 단색 아이콘은 currentColor — text-* 로 색을, size 로 크기를 제어
<HeartIcon className="text-red-500" size={20} />
<HeartFilledIcon className="text-red-500" />

// 브랜드 로고는 원색 유지
import { LogoGoogleIcon } from '@openiot/icons'
<LogoGoogleIcon size={24} />

전체 아이콘

152개 · 타일을 클릭하면 컴포넌트명이 복사돼요.