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

5,278 icons

Matching "d"

Empty Light

ph-light ph-empty

Package
Phosphor Icons
Category
Light
Code Point
edbc

Escalator Down Light

ph-light ph-escalator-down

Package
Phosphor Icons
Category
Light
Code Point
ecba

Exclude Light

ph-light ph-exclude

Package
Phosphor Icons
Category
Light
Code Point
e882

Exclude Square Light

ph-light ph-exclude-square

Package
Phosphor Icons
Category
Light
Code Point
e880

Eye Closed Light

ph-light ph-eye-closed

Package
Phosphor Icons
Category
Light
Code Point
e222

Eyedropper Light

ph-light ph-eyedropper

Package
Phosphor Icons
Category
Light
Code Point
e568

Eyedropper Sample Light

ph-light ph-eyedropper-sample

Package
Phosphor Icons
Category
Light
Code Point
eac4

Faders Horizontal Light

ph-light ph-faders-horizontal

Package
Phosphor Icons
Category
Light
Code Point
e22a

Faders Light

ph-light ph-faders

Package
Phosphor Icons
Category
Light
Code Point
e228

Fallout Shelter Light

ph-light ph-fallout-shelter

Package
Phosphor Icons
Category
Light
Code Point
e9de

Fast Forward Circle Light

ph-light ph-fast-forward-circle

Package
Phosphor Icons
Category
Light
Code Point
e22c

Fast Forward Light

ph-light ph-fast-forward

Package
Phosphor Icons
Category
Light
Code Point
e6a6

Fediverse Logo Light

ph-light ph-fediverse-logo

Package
Phosphor Icons
Category
Light
Code Point
ed66

File Arrow Down Light

ph-light ph-file-arrow-down

Package
Phosphor Icons
Category
Light
Code Point
e232

File Audio Light

ph-light ph-file-audio

Package
Phosphor Icons
Category
Light
Code Point
ea20

File Cloud Light

ph-light ph-file-cloud

Package
Phosphor Icons
Category
Light
Code Point
e95e

File Code Light

ph-light ph-file-code

Package
Phosphor Icons
Category
Light
Code Point
e914

File Dashed Light

ph-light ph-file-dashed

Package
Phosphor Icons
Category
Light
Code Point
e704

File Doc Light

ph-light ph-file-doc

Package
Phosphor Icons
Category
Light
Code Point
eb1e

File Dotted Light

ph-light ph-file-dotted

Package
Phosphor Icons
Category
Light
Code Point
e704

File Md Light

ph-light ph-file-md

Package
Phosphor Icons
Category
Light
Code Point
ed50

File Pdf Light

ph-light ph-file-pdf

Package
Phosphor Icons
Category
Light
Code Point
e702

File Sql Light

ph-light ph-file-sql

Package
Phosphor Icons
Category
Light
Code Point
ed4e

File Svg Light

ph-light ph-file-svg

Package
Phosphor Icons
Category
Light
Code Point
ed08

File Video Light

ph-light ph-file-video

Package
Phosphor Icons
Category
Light
Code Point
ea22

First Aid Kit Light

ph-light ph-first-aid-kit

Package
Phosphor Icons
Category
Light
Code Point
e570

First Aid Light

ph-light ph-first-aid

Package
Phosphor Icons
Category
Light
Code Point
e56e

Flag Banner Fold Light

ph-light ph-flag-banner-fold

Package
Phosphor Icons
Category
Light
Code Point
ecf2

Flag Checkered Light

ph-light ph-flag-checkered

Package
Phosphor Icons
Category
Light
Code Point
ea38

Flip Horizontal Light

ph-light ph-flip-horizontal

Package
Phosphor Icons
Category
Light
Code Point
ed6a

Flip Vertical Light

ph-light ph-flip-vertical

Package
Phosphor Icons
Category
Light
Code Point
ed6c

Floppy Disk Back Light

ph-light ph-floppy-disk-back

Package
Phosphor Icons
Category
Light
Code Point
eaf4

Floppy Disk Light

ph-light ph-floppy-disk

Package
Phosphor Icons
Category
Light
Code Point
e248

Folder Dashed Light

ph-light ph-folder-dashed

Package
Phosphor Icons
Category
Light
Code Point
e8f8

Folder Dotted Light

ph-light ph-folder-dotted

Package
Phosphor Icons
Category
Light
Code Point
e8f8

Folder Light

ph-light ph-folder

Package
Phosphor Icons
Category
Light
Code Point
e24a

Folder Lock Light

ph-light ph-folder-lock

Package
Phosphor Icons
Category
Light
Code Point
ea3c

Folder Minus Light

ph-light ph-folder-minus

Package
Phosphor Icons
Category
Light
Code Point
e254

Folder Notch Light

ph-light ph-folder-notch

Package
Phosphor Icons
Category
Light
Code Point
e24a

Folder Notch Minus Light

ph-light ph-folder-notch-minus

Package
Phosphor Icons
Category
Light
Code Point
e254

Folder Notch Open Light

ph-light ph-folder-notch-open

Package
Phosphor Icons
Category
Light
Code Point
e256

Folder Notch Plus Light

ph-light ph-folder-notch-plus

Package
Phosphor Icons
Category
Light
Code Point
e258

Folder Open Light

ph-light ph-folder-open

Package
Phosphor Icons
Category
Light
Code Point
e256

Folder Plus Light

ph-light ph-folder-plus

Package
Phosphor Icons
Category
Light
Code Point
e258

Folder Simple Dashed Light

ph-light ph-folder-simple-dashed

Package
Phosphor Icons
Category
Light
Code Point
ec2a

Folder Simple Dotted Light

ph-light ph-folder-simple-dotted

Package
Phosphor Icons
Category
Light
Code Point
ec2a

Folder Simple Light

ph-light ph-folder-simple

Package
Phosphor Icons
Category
Light
Code Point
e25a

Folder Simple Lock Light

ph-light ph-folder-simple-lock

Package
Phosphor Icons
Category
Light
Code Point
eb5e

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.