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

6,728 icons

Matching "a"

Factory Light

ph-light ph-factory

Package
Phosphor Icons
Category
Light
Code Point
e760

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

Fan Light

ph-light ph-fan

Package
Phosphor Icons
Category
Light
Code Point
e9f2

Farm Light

ph-light ph-farm

Package
Phosphor Icons
Category
Light
Code Point
ec70

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

Feather Light

ph-light ph-feather

Package
Phosphor Icons
Category
Light
Code Point
e9c0

Figma Logo Light

ph-light ph-figma-logo

Package
Phosphor Icons
Category
Light
Code Point
e22e

File Archive Light

ph-light ph-file-archive

Package
Phosphor Icons
Category
Light
Code Point
eb2a

File Arrow Down Light

ph-light ph-file-arrow-down

Package
Phosphor Icons
Category
Light
Code Point
e232

File Arrow Up Light

ph-light ph-file-arrow-up

Package
Phosphor Icons
Category
Light
Code Point
e61e

File Audio Light

ph-light ph-file-audio

Package
Phosphor Icons
Category
Light
Code Point
ea20

File C Sharp Light

ph-light ph-file-c-sharp

Package
Phosphor Icons
Category
Light
Code Point
eb30

File Dashed Light

ph-light ph-file-dashed

Package
Phosphor Icons
Category
Light
Code Point
e704

File Image Light

ph-light ph-file-image

Package
Phosphor Icons
Category
Light
Code Point
ea24

File Jpg Light

ph-light ph-file-jpg

Package
Phosphor Icons
Category
Light
Code Point
eb1a

File Jsx Light

ph-light ph-file-jsx

Package
Phosphor Icons
Category
Light
Code Point
eb3a

File Magnifying Glass Light

ph-light ph-file-magnifying-glass

Package
Phosphor Icons
Category
Light
Code Point
e238

File Search Light

ph-light ph-file-search

Package
Phosphor Icons
Category
Light
Code Point
e238

File Text Light

ph-light ph-file-text

Package
Phosphor Icons
Category
Light
Code Point
e23a

File Video Light

ph-light ph-file-video

Package
Phosphor Icons
Category
Light
Code Point
ea22

Film Slate Light

ph-light ph-film-slate

Package
Phosphor Icons
Category
Light
Code Point
e8c2

Finn The Human Light

ph-light ph-finn-the-human

Package
Phosphor Icons
Category
Light
Code Point
e56c

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 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

Flow Arrow Light

ph-light ph-flow-arrow

Package
Phosphor Icons
Category
Light
Code Point
e6ec

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 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 Notch Light

ph-light ph-folder-notch

Package
Phosphor Icons
Category
Light
Code Point
e24a

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

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.