IP Location.net

Font Icon Library

Phosphor Icons Search

Font Icons
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.
Phosphor Icons

3,848 icons

Matching "b"

Cow Light

ph-light ph-cow

Package
Phosphor Icons
Category
Light
Code Point
eabe

Cowboy Hat Light

ph-light ph-cowboy-hat

Package
Phosphor Icons
Category
Light
Code Point
ed12

Cube Focus Light

ph-light ph-cube-focus

Package
Phosphor Icons
Category
Light
Code Point
ed0a

Cube Light

ph-light ph-cube

Package
Phosphor Icons
Category
Light
Code Point
e1da

Cube Transparent Light

ph-light ph-cube-transparent

Package
Phosphor Icons
Category
Light
Code Point
ec7c

Currency Btc Light

ph-light ph-currency-btc

Package
Phosphor Icons
Category
Light
Code Point
e618

Currency Gbp Light

ph-light ph-currency-gbp

Package
Phosphor Icons
Category
Light
Code Point
e556

Currency Ngn Light

ph-light ph-currency-ngn

Package
Phosphor Icons
Category
Light
Code Point
eb52

Currency Rub Light

ph-light ph-currency-rub

Package
Phosphor Icons
Category
Light
Code Point
e55e

Database Light

ph-light ph-database

Package
Phosphor Icons
Category
Light
Code Point
e1de

Device Mobile Camera Light

ph-light ph-device-mobile-camera

Package
Phosphor Icons
Category
Light
Code Point
e1e2

Device Mobile Light

ph-light ph-device-mobile

Package
Phosphor Icons
Category
Light
Code Point
e1e0

Device Mobile Slash Light

ph-light ph-device-mobile-slash

Package
Phosphor Icons
Category
Light
Code Point
ee46

Device Mobile Speaker Light

ph-light ph-device-mobile-speaker

Package
Phosphor Icons
Category
Light
Code Point
e1e4

Device Tablet Camera Light

ph-light ph-device-tablet-camera

Package
Phosphor Icons
Category
Light
Code Point
e1e8

Device Tablet Light

ph-light ph-device-tablet

Package
Phosphor Icons
Category
Light
Code Point
e1e6

Device Tablet Speaker Light

ph-light ph-device-tablet-speaker

Package
Phosphor Icons
Category
Light
Code Point
e1ea

Devices Light

ph-light ph-devices

Package
Phosphor Icons
Category
Light
Code Point
eba4

Disco Ball Light

ph-light ph-disco-ball

Package
Phosphor Icons
Category
Light
Code Point
ed98

Dribbble Logo Light

ph-light ph-dribbble-logo

Package
Phosphor Icons
Category
Light
Code Point
e20e

Drop Half Bottom Light

ph-light ph-drop-half-bottom

Package
Phosphor Icons
Category
Light
Code Point
eb40

Dropbox Logo Light

ph-light ph-dropbox-logo

Package
Phosphor Icons
Category
Light
Code Point
e7d0

Egg Crack Light

ph-light ph-egg-crack

Package
Phosphor Icons
Category
Light
Code Point
eb64

Empty Light

ph-light ph-empty

Package
Phosphor Icons
Category
Light
Code Point
edbc

Equalizer Light

ph-light ph-equalizer

Package
Phosphor Icons
Category
Light
Code Point
ebbc

Escalator Down Light

ph-light ph-escalator-down

Package
Phosphor Icons
Category
Light
Code Point
ecba

Escalator Up Light

ph-light ph-escalator-up

Package
Phosphor Icons
Category
Light
Code Point
ecbc

Eyeglasses Light

ph-light ph-eyeglasses

Package
Phosphor Icons
Category
Light
Code Point
e7ba

Facebook Logo Light

ph-light ph-facebook-logo

Package
Phosphor Icons
Category
Light
Code Point
e226

File Archive Light

ph-light ph-file-archive

Package
Phosphor Icons
Category
Light
Code Point
eb2a

File C Light

ph-light ph-file-c

Package
Phosphor Icons
Category
Light
Code Point
eb32

File C Sharp Light

ph-light ph-file-c-sharp

Package
Phosphor Icons
Category
Light
Code Point
eb30

File Cpp Light

ph-light ph-file-cpp

Package
Phosphor Icons
Category
Light
Code Point
eb2e

File Css Light

ph-light ph-file-css

Package
Phosphor Icons
Category
Light
Code Point
eb34

File Csv Light

ph-light ph-file-csv

Package
Phosphor Icons
Category
Light
Code Point
eb1c

File Doc Light

ph-light ph-file-doc

Package
Phosphor Icons
Category
Light
Code Point
eb1e

File Html Light

ph-light ph-file-html

Package
Phosphor Icons
Category
Light
Code Point
eb38

File Ini Light

ph-light ph-file-ini

Package
Phosphor Icons
Category
Light
Code Point
eb33

File Jpg Light

ph-light ph-file-jpg

Package
Phosphor Icons
Category
Light
Code Point
eb1a

File Js Light

ph-light ph-file-js

Package
Phosphor Icons
Category
Light
Code Point
eb24

File Jsx Light

ph-light ph-file-jsx

Package
Phosphor Icons
Category
Light
Code Point
eb3a

File Png Light

ph-light ph-file-png

Package
Phosphor Icons
Category
Light
Code Point
eb18

File Ppt Light

ph-light ph-file-ppt

Package
Phosphor Icons
Category
Light
Code Point
eb20

File Py Light

ph-light ph-file-py

Package
Phosphor Icons
Category
Light
Code Point
eb2c

File Rs Light

ph-light ph-file-rs

Package
Phosphor Icons
Category
Light
Code Point
eb28

File Ts Light

ph-light ph-file-ts

Package
Phosphor Icons
Category
Light
Code Point
eb26

File Tsx Light

ph-light ph-file-tsx

Package
Phosphor Icons
Category
Light
Code Point
eb3c

File Txt Light

ph-light ph-file-txt

Package
Phosphor Icons
Category
Light
Code Point
eb35

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.