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

9,162 icons

Browse by package, name, tag, class, or code point.

File Vue Light

ph-light ph-file-vue

Package
Phosphor Icons
Category
Light
Code Point
eb3e

File X Light

ph-light ph-file-x

Package
Phosphor Icons
Category
Light
Code Point
e23c

File Xls Light

ph-light ph-file-xls

Package
Phosphor Icons
Category
Light
Code Point
eb22

File Zip Light

ph-light ph-file-zip

Package
Phosphor Icons
Category
Light
Code Point
e958

Files Light

ph-light ph-files

Package
Phosphor Icons
Category
Light
Code Point
e710

Film Reel Light

ph-light ph-film-reel

Package
Phosphor Icons
Category
Light
Code Point
e8c0

Film Script Light

ph-light ph-film-script

Package
Phosphor Icons
Category
Light
Code Point
eb50

Film Slate Light

ph-light ph-film-slate

Package
Phosphor Icons
Category
Light
Code Point
e8c2

Film Strip Light

ph-light ph-film-strip

Package
Phosphor Icons
Category
Light
Code Point
e792

Fingerprint Light

ph-light ph-fingerprint

Package
Phosphor Icons
Category
Light
Code Point
e23e

Fingerprint Simple Light

ph-light ph-fingerprint-simple

Package
Phosphor Icons
Category
Light
Code Point
e240

Finn The Human Light

ph-light ph-finn-the-human

Package
Phosphor Icons
Category
Light
Code Point
e56c

Fire Extinguisher Light

ph-light ph-fire-extinguisher

Package
Phosphor Icons
Category
Light
Code Point
e9e8

Fire Light

ph-light ph-fire

Package
Phosphor Icons
Category
Light
Code Point
e242

Fire Simple Light

ph-light ph-fire-simple

Package
Phosphor Icons
Category
Light
Code Point
e620

Fire Truck Light

ph-light ph-fire-truck

Package
Phosphor Icons
Category
Light
Code Point
e574

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

Fish Light

ph-light ph-fish

Package
Phosphor Icons
Category
Light
Code Point
e728

Fish Simple Light

ph-light ph-fish-simple

Package
Phosphor Icons
Category
Light
Code Point
e72a

Flag Banner Fold Light

ph-light ph-flag-banner-fold

Package
Phosphor Icons
Category
Light
Code Point
ecf2

Flag Banner Light

ph-light ph-flag-banner

Package
Phosphor Icons
Category
Light
Code Point
e622

Flag Checkered Light

ph-light ph-flag-checkered

Package
Phosphor Icons
Category
Light
Code Point
ea38

Flag Light

ph-light ph-flag

Package
Phosphor Icons
Category
Light
Code Point
e244

Flag Pennant Light

ph-light ph-flag-pennant

Package
Phosphor Icons
Category
Light
Code Point
ecf0

Flame Light

ph-light ph-flame

Package
Phosphor Icons
Category
Light
Code Point
e624

Flashlight Light

ph-light ph-flashlight

Package
Phosphor Icons
Category
Light
Code Point
e246

Flask Light

ph-light ph-flask

Package
Phosphor Icons
Category
Light
Code Point
e79e

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

Flow Arrow Light

ph-light ph-flow-arrow

Package
Phosphor Icons
Category
Light
Code Point
e6ec

Flower Light

ph-light ph-flower

Package
Phosphor Icons
Category
Light
Code Point
e75e

Flower Lotus Light

ph-light ph-flower-lotus

Package
Phosphor Icons
Category
Light
Code Point
e6cc

Flower Tulip Light

ph-light ph-flower-tulip

Package
Phosphor Icons
Category
Light
Code Point
eacc

Flying Saucer Light

ph-light ph-flying-saucer

Package
Phosphor Icons
Category
Light
Code Point
eb4a

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

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.