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" />

圖示以內嵌 SVG 的形式渲染，使用 currentColor — 可自動適應明亮與暗黑模式。

導覽

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。