Phosphor Icons

Phosphor Icons fornece 9.161 ícones com opções flexíveis de peso — regular, bold, duotone, fill, light e thin. Use o componente Icon de @f5-sales-demo/icons-phosphor para renderizar qualquer ícone pelo nome.

Uso

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

Os ícones são renderizados como SVGs inline usando currentColor — eles se adaptam automaticamente ao modo claro e escuro.

Variantes de Peso

Os ícones Phosphor estão disponíveis em seis pesos. O peso regular utiliza o nome base (ex.: globe). Os demais pesos adicionam um sufixo: globe-bold, globe-duotone, globe-fill, globe-light, globe-thin. Os exemplos abaixo mostram o peso regular.

Geral

globe

shield

cloud

database

lock

user

gear

code

terminal-window

rocket

Setas & Navegação

arrow-up

arrow-down

arrow-left

arrow-right

compass

map-pin

house

magnifying-glass

sign-in

sign-out

Objetos

file

folder

key

cpu

hard-drive

desktop

browser

plug

wrench

clipboard

Comunicação

envelope

chat-text

phone

bell

broadcast

wifi-high

share-network

link

Navegar por Todos os Ícones

Para a lista completa dos 9.161 Phosphor Icons (em todas as variantes de peso), visite o explorador Phosphor no Iconify.