Phosphor Icons

Phosphor Icons fournit 9 161 icônes avec des options de graisse flexibles — regular, bold, duotone, fill, light et thin. Utilisez le composant Icon de @f5-sales-demo/icons-phosphor pour afficher n’importe quelle icône par son nom.

Utilisation

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

Les icônes sont rendues sous forme de SVG inline en utilisant currentColor — elles s’adaptent automatiquement aux modes clair et sombre.

Variantes de graisse

Les icônes Phosphor sont disponibles en six graisses. La graisse regular utilise le nom de base (ex. globe). Les autres graisses ajoutent un suffixe : globe-bold, globe-duotone, globe-fill, globe-light, globe-thin. Les exemples ci-dessous illustrent la graisse regular.

Général

globe

shield

cloud

database

lock

user

gear

code

terminal-window

rocket

Flèches & Navigation

arrow-up

arrow-down

arrow-left

arrow-right

compass

map-pin

house

magnifying-glass

sign-in

sign-out

Objets

file

folder

key

cpu

hard-drive

desktop

browser

plug

wrench

clipboard

Communication

envelope

chat-text

phone

bell

broadcast

wifi-high

share-network

link

Parcourir toutes les icônes

Pour la liste complète des 9 161 icônes Phosphor (dans toutes les variantes de graisse), consultez l’explorateur Iconify Phosphor.