Phosphor Icons

Phosphor Icons provides 9,161 icons with flexible weight options — regular, bold, duotone, fill, light, and thin. Use the Icon component from @f5xc-salesdemos/icons-phosphor to render any icon by name.

Usage

---
import Icon from '@f5xc-salesdemos/icons-phosphor/Icon.astro';
---

<Icon name="globe" />
<Icon name="shield" size="2rem" />
<Icon name="cloud" size="1.5rem" label="Cloud" />

Icons render as inline SVGs using currentColor — they automatically adapt to light and dark mode.

Weight Variants

Phosphor icons come in six weights. The regular weight uses the base name (e.g. globe). Other weights append a suffix: globe-bold, globe-duotone, globe-fill, globe-light, globe-thin. The examples below show the regular weight.

General

globe

shield

cloud

database

lock

user

gear

code

terminal-window

rocket

Arrows & Navigation

arrow-up

arrow-down

arrow-left

arrow-right

compass

map-pin

house

magnifying-glass

sign-in

sign-out

Objects

file

folder

key

cpu

hard-drive

desktop

browser

plug

wrench

clipboard

Communication

envelope

chat-text

phone

bell

broadcast

wifi-high

share-network

link

Browse All Icons

For the complete list of 9,161 Phosphor Icons (across all weight variants), visit the Iconify Phosphor explorer.