Font Icon Library

Phosphor Icons Search

Search and preview Phosphor Icons icons, then copy the CSS class, HTML markup, or code point for your project. Phosphor is an MIT-licensed icon family with regular, thin, light, bold, fill, and duotone webfont weights for flexible interface design. Font icons behave like text: CSS can control their size, color, alignment, and interaction states without editing an image file. A consistent icon family also helps users recognize repeated actions more quickly across navigation, forms, and controls. Use visible text or an accessible label whenever an icon communicates an action. For performance, load only the library and styles your interface needs. Confirm licensing and usage requirements with the library publisher before distributing a finished product.

Battery Vertical Low Light

ph-light ph-battery-vertical-low

Package: Phosphor Icons
Category: Light
Code Point: e7be

Battery Vertical Medium Light

ph-light ph-battery-vertical-medium

Package: Phosphor Icons
Category: Light
Code Point: e7c0

battery vertical medium light

Battery Warning Light

ph-light ph-battery-warning

Package: Phosphor Icons
Category: Light
Code Point: e0c8

battery warning light

Battery Warning Vertical Light

ph-light ph-battery-warning-vertical

Package: Phosphor Icons
Category: Light
Code Point: e0ca

battery warning vertical light

Beach Ball Light

ph-light ph-beach-ball

Package: Phosphor Icons
Category: Light
Code Point: ed24

beach ball light

Beanie Light

ph-light ph-beanie

Package: Phosphor Icons
Category: Light
Code Point: ea2a

beanie light

Bed Light

ph-light ph-bed

Package: Phosphor Icons
Category: Light
Code Point: e0cc

bed light

Beer Bottle Light

ph-light ph-beer-bottle

Package: Phosphor Icons
Category: Light
Code Point: e7b0

beer bottle light

Beer Stein Light

ph-light ph-beer-stein

Package: Phosphor Icons
Category: Light
Code Point: eb62

beer stein light

Behance Logo Light

ph-light ph-behance-logo

Package: Phosphor Icons
Category: Light
Code Point: e7f4

behance logo light

Bell Light

ph-light ph-bell

Package: Phosphor Icons
Category: Light
Code Point: e0ce

bell light

Bell Ringing Light

ph-light ph-bell-ringing

Package: Phosphor Icons
Category: Light
Code Point: e5e8

bell ringing light

Bell Simple Light

ph-light ph-bell-simple

Package: Phosphor Icons
Category: Light
Code Point: e0d0

bell simple light

Bell Simple Ringing Light

ph-light ph-bell-simple-ringing

Package: Phosphor Icons
Category: Light
Code Point: e5ea

bell simple ringing light

Bell Simple Slash Light

ph-light ph-bell-simple-slash

Package: Phosphor Icons
Category: Light
Code Point: e0d2

bell simple slash light

Bell Simple Z Light

ph-light ph-bell-simple-z

Package: Phosphor Icons
Category: Light
Code Point: e5ec

bell simple z light

Bell Slash Light

ph-light ph-bell-slash

Package: Phosphor Icons
Category: Light
Code Point: e0d4

bell slash light

Bell Z Light

ph-light ph-bell-z

Package: Phosphor Icons
Category: Light
Code Point: e5ee

bell z light

Belt Light

ph-light ph-belt

Package: Phosphor Icons
Category: Light
Code Point: ea2c

belt light

Bezier Curve Light

ph-light ph-bezier-curve

Package: Phosphor Icons
Category: Light
Code Point: eb00

bezier curve light

Bicycle Light

ph-light ph-bicycle

Package: Phosphor Icons
Category: Light
Code Point: e0d6

bicycle light

Binary Light

ph-light ph-binary

Package: Phosphor Icons
Category: Light
Code Point: ee60

binary light

Binoculars Light

ph-light ph-binoculars

Package: Phosphor Icons
Category: Light
Code Point: ea64

binoculars light

Biohazard Light

ph-light ph-biohazard

Package: Phosphor Icons
Category: Light
Code Point: e9e0

biohazard light

Bird Light

ph-light ph-bird

Package: Phosphor Icons
Category: Light
Code Point: e72c

bird light

Blueprint Light

ph-light ph-blueprint

Package: Phosphor Icons
Category: Light
Code Point: eda0

blueprint light

Bluetooth Connected Light

ph-light ph-bluetooth-connected

Package: Phosphor Icons
Category: Light
Code Point: e0dc

bluetooth connected light

Bluetooth Light

ph-light ph-bluetooth

Package: Phosphor Icons
Category: Light
Code Point: e0da

bluetooth light

Bluetooth Slash Light

ph-light ph-bluetooth-slash

Package: Phosphor Icons
Category: Light
Code Point: e0de

bluetooth slash light

Bluetooth X Light

ph-light ph-bluetooth-x

Package: Phosphor Icons
Category: Light
Code Point: e0e0

bluetooth x light

Boat Light

ph-light ph-boat

Package: Phosphor Icons
Category: Light
Code Point: e786

boat light

Bomb Light

ph-light ph-bomb

Package: Phosphor Icons
Category: Light
Code Point: ee0a

bomb light

Bone Light

ph-light ph-bone

Package: Phosphor Icons
Category: Light
Code Point: e7f2

bone light

Book Bookmark Light

ph-light ph-book-bookmark

Package: Phosphor Icons
Category: Light
Code Point: e0e4

book bookmark light

Book Light

ph-light ph-book

Package: Phosphor Icons
Category: Light
Code Point: e0e2

book light

Book Open Light

ph-light ph-book-open

Package: Phosphor Icons
Category: Light
Code Point: e0e6

book open light

Book Open Text Light

ph-light ph-book-open-text

Package: Phosphor Icons
Category: Light
Code Point: e8f2

book open text light

Book Open User Light

ph-light ph-book-open-user

Package: Phosphor Icons
Category: Light
Code Point: ede0

book open user light

Bookmark Light

ph-light ph-bookmark

Package: Phosphor Icons
Category: Light
Code Point: e0e8

bookmark light

Bookmark Simple Light

ph-light ph-bookmark-simple

Package: Phosphor Icons
Category: Light
Code Point: e0ea

bookmark simple light

Bookmarks Light

ph-light ph-bookmarks

Package: Phosphor Icons
Category: Light
Code Point: e0ec

bookmarks light

Bookmarks Simple Light

ph-light ph-bookmarks-simple

Package: Phosphor Icons
Category: Light
Code Point: e5f0

bookmarks simple light

Books Light

ph-light ph-books

Package: Phosphor Icons
Category: Light
Code Point: e758

books light

Boot Light

ph-light ph-boot

Package: Phosphor Icons
Category: Light
Code Point: ecca

boot light

Boules Light

ph-light ph-boules

Package: Phosphor Icons
Category: Light
Code Point: e722

boules light

Bounding Box Light

ph-light ph-bounding-box

Package: Phosphor Icons
Category: Light
Code Point: e6ce

bounding box light

Bowl Food Light

ph-light ph-bowl-food

Package: Phosphor Icons
Category: Light
Code Point: eaa4

bowl food light

Bowl Steam Light

ph-light ph-bowl-steam

Package: Phosphor Icons
Category: Light
Code Point: e8e4

bowl steam light

Add Phosphor Icons to your website or app

Add the library once, copy an icon from the results above, and include an accessible label when the icon communicates meaning.

1. Load the icon library

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@phosphor-icons/[email protected]/src/regular/style.css">

Reference version: 2.1.2

2. Copy an icon

Use Copy class when you already have markup, or Copy HTML for a ready-to-paste element.

Code points are useful for CSS generated content and tools that work directly with icon fonts.

3. Keep icons accessible

Hide decorative icons from assistive technology. When an icon communicates meaning, pair it with visible text or an accessible label.

Confirm licensing and usage requirements with the library publisher before distributing a finished product.

Practical Notes

Icon Implementation Checklist

Icons work best when they support quick recognition without becoming the only way a user understands an action.

Label important controls

Use visible text or accessible labels for buttons where the icon meaning may be ambiguous.

Keep style consistent

Mixing filled, outlined, sharp, and rounded icon families can make an interface feel uneven.

Load only what you need

Large icon fonts can cost performance. SVG sprites or subset fonts are better for focused interfaces.

Community Poll

What is your favorite AI agent? (Choose up to 3)

2,335 votes

Choose up to 3 options.

Codex

Claude Code

Cursor

GitHub Copilot

Gemini / Jules

Devin

OpenClaw

Hermes Agent

Other

View Result

9,162 icons