IP Location.net
Sign In

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"

Device Tablet Duotone

ph-duotone ph-device-tablet

Package
Phosphor Icons
Category
Duotone
Code Point
e1e6
device tablet duotone

Device Tablet Speaker Duotone

ph-duotone ph-device-tablet-speaker

Package
Phosphor Icons
Category
Duotone
Code Point
e1ea
device tablet speaker duotone

Devices Duotone

ph-duotone ph-devices

Package
Phosphor Icons
Category
Duotone
Code Point
eba4
devices duotone

Disco Ball Duotone

ph-duotone ph-disco-ball

Package
Phosphor Icons
Category
Duotone
Code Point
ed98
disco ball duotone

Dribbble Logo Duotone

ph-duotone ph-dribbble-logo

Package
Phosphor Icons
Category
Duotone
Code Point
e20e
dribbble logo duotone

Drop Half Bottom Duotone

ph-duotone ph-drop-half-bottom

Package
Phosphor Icons
Category
Duotone
Code Point
eb40
drop half bottom duotone

Dropbox Logo Duotone

ph-duotone ph-dropbox-logo

Package
Phosphor Icons
Category
Duotone
Code Point
e7d0
dropbox logo duotone

Egg Crack Duotone

ph-duotone ph-egg-crack

Package
Phosphor Icons
Category
Duotone
Code Point
eb64
egg crack duotone

Empty Duotone

ph-duotone ph-empty

Package
Phosphor Icons
Category
Duotone
Code Point
edbc
empty duotone

Equalizer Duotone

ph-duotone ph-equalizer

Package
Phosphor Icons
Category
Duotone
Code Point
ebbc
equalizer duotone

Escalator Down Duotone

ph-duotone ph-escalator-down

Package
Phosphor Icons
Category
Duotone
Code Point
ecba
escalator down duotone

Escalator Up Duotone

ph-duotone ph-escalator-up

Package
Phosphor Icons
Category
Duotone
Code Point
ecbc
escalator up duotone

Eyeglasses Duotone

ph-duotone ph-eyeglasses

Package
Phosphor Icons
Category
Duotone
Code Point
e7ba
eyeglasses duotone

Facebook Logo Duotone

ph-duotone ph-facebook-logo

Package
Phosphor Icons
Category
Duotone
Code Point
e226
facebook logo duotone

File Archive Duotone

ph-duotone ph-file-archive

Package
Phosphor Icons
Category
Duotone
Code Point
eb2a
file archive duotone

File C Duotone

ph-duotone ph-file-c

Package
Phosphor Icons
Category
Duotone
Code Point
eb32
file c duotone

File C Sharp Duotone

ph-duotone ph-file-c-sharp

Package
Phosphor Icons
Category
Duotone
Code Point
eb30
file c sharp duotone

File Cpp Duotone

ph-duotone ph-file-cpp

Package
Phosphor Icons
Category
Duotone
Code Point
eb2e
file cpp duotone

File Css Duotone

ph-duotone ph-file-css

Package
Phosphor Icons
Category
Duotone
Code Point
eb34
file css duotone

File Csv Duotone

ph-duotone ph-file-csv

Package
Phosphor Icons
Category
Duotone
Code Point
eb1c
file csv duotone

File Doc Duotone

ph-duotone ph-file-doc

Package
Phosphor Icons
Category
Duotone
Code Point
eb1e
file doc duotone

File Html Duotone

ph-duotone ph-file-html

Package
Phosphor Icons
Category
Duotone
Code Point
eb38
file html duotone

File Ini Duotone

ph-duotone ph-file-ini

Package
Phosphor Icons
Category
Duotone
Code Point
eb33
file ini duotone

File Jpg Duotone

ph-duotone ph-file-jpg

Package
Phosphor Icons
Category
Duotone
Code Point
eb1a
file jpg duotone

File Js Duotone

ph-duotone ph-file-js

Package
Phosphor Icons
Category
Duotone
Code Point
eb24
file js duotone

File Jsx Duotone

ph-duotone ph-file-jsx

Package
Phosphor Icons
Category
Duotone
Code Point
eb3a
file jsx duotone

File Png Duotone

ph-duotone ph-file-png

Package
Phosphor Icons
Category
Duotone
Code Point
eb18
file png duotone

File Ppt Duotone

ph-duotone ph-file-ppt

Package
Phosphor Icons
Category
Duotone
Code Point
eb20
file ppt duotone

File Py Duotone

ph-duotone ph-file-py

Package
Phosphor Icons
Category
Duotone
Code Point
eb2c
file py duotone

File Rs Duotone

ph-duotone ph-file-rs

Package
Phosphor Icons
Category
Duotone
Code Point
eb28
file rs duotone

File Ts Duotone

ph-duotone ph-file-ts

Package
Phosphor Icons
Category
Duotone
Code Point
eb26
file ts duotone

File Tsx Duotone

ph-duotone ph-file-tsx

Package
Phosphor Icons
Category
Duotone
Code Point
eb3c
file tsx duotone

File Txt Duotone

ph-duotone ph-file-txt

Package
Phosphor Icons
Category
Duotone
Code Point
eb35
file txt duotone

File Vue Duotone

ph-duotone ph-file-vue

Package
Phosphor Icons
Category
Duotone
Code Point
eb3e
file vue duotone

File Xls Duotone

ph-duotone ph-file-xls

Package
Phosphor Icons
Category
Duotone
Code Point
eb22
file xls duotone

Film Script Duotone

ph-duotone ph-film-script

Package
Phosphor Icons
Category
Duotone
Code Point
eb50
film script duotone

Flag Banner Duotone

ph-duotone ph-flag-banner

Package
Phosphor Icons
Category
Duotone
Code Point
e622
flag banner duotone

Flag Banner Fold Duotone

ph-duotone ph-flag-banner-fold

Package
Phosphor Icons
Category
Duotone
Code Point
ecf2
flag banner fold duotone

Floppy Disk Back Duotone

ph-duotone ph-floppy-disk-back

Package
Phosphor Icons
Category
Duotone
Code Point
eaf4
floppy disk back duotone

Flying Saucer Duotone

ph-duotone ph-flying-saucer

Package
Phosphor Icons
Category
Duotone
Code Point
eb4a
flying saucer duotone

Folder Simple Lock Duotone

ph-duotone ph-folder-simple-lock

Package
Phosphor Icons
Category
Duotone
Code Point
eb5e
folder simple lock duotone

Folder Simple User Duotone

ph-duotone ph-folder-simple-user

Package
Phosphor Icons
Category
Duotone
Code Point
eb60
folder simple user duotone

Folder User Duotone

ph-duotone ph-folder-user

Package
Phosphor Icons
Category
Duotone
Code Point
eb46
folder user duotone

Football Duotone

ph-duotone ph-football

Package
Phosphor Icons
Category
Duotone
Code Point
e718
football duotone

Football Helmet Duotone

ph-duotone ph-football-helmet

Package
Phosphor Icons
Category
Duotone
Code Point
ee4c
football helmet duotone

Function Duotone

ph-duotone ph-function

Package
Phosphor Icons
Category
Duotone
Code Point
ebe4
function duotone

Gender Nonbinary Duotone

ph-duotone ph-gender-nonbinary

Package
Phosphor Icons
Category
Duotone
Code Point
e6e4
gender nonbinary duotone

Git Branch Duotone

ph-duotone ph-git-branch

Package
Phosphor Icons
Category
Duotone
Code Point
e278
git branch duotone

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.

Related References

Continue with nearby symbol, code, and web design resources.

Symbol Codes Search symbol codes by category or description, including Unicode, hex codes, HTML codes, HTML entities, and CSS entities. HTML Color Codes Browse common HTML color codes and convert between hex, RGB, and HSL color formats. Font Generator Create styled Unicode text variants for headings, profiles, bios, social posts, and design mockups.