Phosphor 圖示

Phosphor Icons 提供 9,161 個圖示，並支援彈性粗細選項 — regular、bold、duotone、fill、light 與 thin。使用來自 @f5-sales-demo/icons-phosphor 的 Icon 元件，透過名稱渲染任意圖示。

使用方式

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

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

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

一般

globe

shield

cloud

database

lock

user

gear

code

terminal-window

rocket

箭頭與導覽

arrow-up

arrow-down

arrow-left

arrow-right

compass

map-pin

house

magnifying-glass

sign-in

sign-out

物件

file

folder

key

cpu

hard-drive

desktop

browser

plug

wrench

clipboard

通訊

envelope

chat-text

phone

bell

broadcast

wifi-high

share-network

link

瀏覽所有圖示

如需完整的 9,161 個 Phosphor Icons 清單（涵蓋所有粗細變體），請造訪 Iconify Phosphor 瀏覽器。