Lucide 아이콘

Lucide는 약 1,600개의 현대적이고 일관된 스트로크 아이콘을 제공합니다. @f5-sales-demo/icons-lucide의 Icon 구성 요소를 사용하여 이름으로 아이콘을 렌더링하세요.

사용법

---
import Icon from '@f5-sales-demo/icons-lucide/Icon.astro';
---

<Icon name="rocket" />
<Icon name="shield" size="2rem" />
<Icon name="cloud" size="1.5rem" label="Cloud" />

아이콘은 currentColor를 사용하는 인라인 SVG로 렌더링되며, 라이트 모드와 다크 모드에 자동으로 적응합니다.

탐색

arrow-up

arrow-down

arrow-left

arrow-right

chevron-up

chevron-down

chevron-left

chevron-right

external-link

house

액션

search

plus

minus

x

check

copy

download

upload

trash-2

pencil

오브젝트

file

folder

image

settings

calendar

clock

bookmark

star

heart

rocket

커뮤니케이션

mail

message-circle

phone

send

bell

보안 & 상태

shield

lock

lock-open

key-round

eye

triangle-alert

info

circle-check

circle-x

loader

인프라

cloud

server

database

globe

network

wifi

hard-drive

cpu

terminal

code

모든 아이콘 보기

약 1,600개의 전체 Lucide 아이콘 목록은 lucide.dev/icons를 방문하세요.