Phosphor Icons

Phosphor Icons は、regular、bold、duotone、fill、light、thin の 6 種類のウェイトオプションを備えた 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 Icons の完全な一覧（すべてのウェイトバリアントを含む）については、Iconify Phosphor エクスプローラーをご覧ください。