Phosphor Icons

Phosphor Icons fornisce 9.161 icone con opzioni di peso flessibili — regular, bold, duotone, fill, light e thin. Utilizza il componente Icon da @f5-sales-demo/icons-phosphor per visualizzare qualsiasi icona per nome.

Utilizzo

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

Le icone vengono renderizzate come SVG inline usando currentColor — si adattano automaticamente alla modalità chiara e scura.

Varianti di peso

Le icone Phosphor sono disponibili in sei pesi. Il peso regular utilizza il nome base (es. globe). Gli altri pesi aggiungono un suffisso: globe-bold, globe-duotone, globe-fill, globe-light, globe-thin. Gli esempi seguenti mostrano il peso regular.

Generali

globe

shield

cloud

database

lock

user

gear

code

terminal-window

rocket

Frecce & Navigazione

arrow-up

arrow-down

arrow-left

arrow-right

compass

map-pin

house

magnifying-glass

sign-in

sign-out

Oggetti

file

folder

key

cpu

hard-drive

desktop

browser

plug

wrench

clipboard

Comunicazione

envelope

chat-text

phone

bell

broadcast

wifi-high

share-network

link

Sfoglia tutte le icone

Per l’elenco completo delle 9.161 Phosphor Icons (in tutte le varianti di peso), visita l’esploratore Iconify Phosphor.