Phosphor 아이콘

Phosphor Icons는 regular, bold, duotone, fill, light, thin 등 유연한 두께 옵션을 갖춘 9,161개의 아이콘을 제공합니다. @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" />

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

일반

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 아이콘 전체 목록은 Iconify Phosphor 탐색기를 방문하세요.