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

1,590 icons

Matching "light"

Person Simple Tai Chi Light

ph-light ph-person-simple-tai-chi

Package
Phosphor Icons
Category
Light
Code Point
ed5c

Person Simple Throw Light

ph-light ph-person-simple-throw

Package
Phosphor Icons
Category
Light
Code Point
e732

Person Simple Walk Light

ph-light ph-person-simple-walk

Package
Phosphor Icons
Category
Light
Code Point
e73a

Perspective Light

ph-light ph-perspective

Package
Phosphor Icons
Category
Light
Code Point
ebe6

Phone Call Light

ph-light ph-phone-call

Package
Phosphor Icons
Category
Light
Code Point
e3ba

Phone Disconnect Light

ph-light ph-phone-disconnect

Package
Phosphor Icons
Category
Light
Code Point
e3bc

Phone Incoming Light

ph-light ph-phone-incoming

Package
Phosphor Icons
Category
Light
Code Point
e3be

Phone Light

ph-light ph-phone

Package
Phosphor Icons
Category
Light
Code Point
e3b8

Phone List Light

ph-light ph-phone-list

Package
Phosphor Icons
Category
Light
Code Point
e3cc

Phone Outgoing Light

ph-light ph-phone-outgoing

Package
Phosphor Icons
Category
Light
Code Point
e3c0

Phone Pause Light

ph-light ph-phone-pause

Package
Phosphor Icons
Category
Light
Code Point
e3ca

Phone Plus Light

ph-light ph-phone-plus

Package
Phosphor Icons
Category
Light
Code Point
ec56

Phone Slash Light

ph-light ph-phone-slash

Package
Phosphor Icons
Category
Light
Code Point
e3c2

Phone Transfer Light

ph-light ph-phone-transfer

Package
Phosphor Icons
Category
Light
Code Point
e3c6

Phone X Light

ph-light ph-phone-x

Package
Phosphor Icons
Category
Light
Code Point
e3c4

Phosphor Logo Light

ph-light ph-phosphor-logo

Package
Phosphor Icons
Category
Light
Code Point
e3ce

Pi Light

ph-light ph-pi

Package
Phosphor Icons
Category
Light
Code Point
ec80

Piano Keys Light

ph-light ph-piano-keys

Package
Phosphor Icons
Category
Light
Code Point
e9c8

Picnic Table Light

ph-light ph-picnic-table

Package
Phosphor Icons
Category
Light
Code Point
ee26

Picture In Picture Light

ph-light ph-picture-in-picture

Package
Phosphor Icons
Category
Light
Code Point
e64c

Piggy Bank Light

ph-light ph-piggy-bank

Package
Phosphor Icons
Category
Light
Code Point
ea04

Pill Light

ph-light ph-pill

Package
Phosphor Icons
Category
Light
Code Point
e700

Ping Pong Light

ph-light ph-ping-pong

Package
Phosphor Icons
Category
Light
Code Point
ea42

Pint Glass Light

ph-light ph-pint-glass

Package
Phosphor Icons
Category
Light
Code Point
edd0

Pinterest Logo Light

ph-light ph-pinterest-logo

Package
Phosphor Icons
Category
Light
Code Point
e64e

Pinwheel Light

ph-light ph-pinwheel

Package
Phosphor Icons
Category
Light
Code Point
eb9c

Pipe Light

ph-light ph-pipe

Package
Phosphor Icons
Category
Light
Code Point
ed86

Pipe Wrench Light

ph-light ph-pipe-wrench

Package
Phosphor Icons
Category
Light
Code Point
ed88

Pix Logo Light

ph-light ph-pix-logo

Package
Phosphor Icons
Category
Light
Code Point
ecc2

Pizza Light

ph-light ph-pizza

Package
Phosphor Icons
Category
Light
Code Point
e796

Placeholder Light

ph-light ph-placeholder

Package
Phosphor Icons
Category
Light
Code Point
e650

Planet Light

ph-light ph-planet

Package
Phosphor Icons
Category
Light
Code Point
e652

Plant Light

ph-light ph-plant

Package
Phosphor Icons
Category
Light
Code Point
ebae

Play Circle Light

ph-light ph-play-circle

Package
Phosphor Icons
Category
Light
Code Point
e3d2

Play Light

ph-light ph-play

Package
Phosphor Icons
Category
Light
Code Point
e3d0

Play Pause Light

ph-light ph-play-pause

Package
Phosphor Icons
Category
Light
Code Point
e8be

Playlist Light

ph-light ph-playlist

Package
Phosphor Icons
Category
Light
Code Point
e6aa

Plug Charging Light

ph-light ph-plug-charging

Package
Phosphor Icons
Category
Light
Code Point
eb5c

Plug Light

ph-light ph-plug

Package
Phosphor Icons
Category
Light
Code Point
e946

Plugs Connected Light

ph-light ph-plugs-connected

Package
Phosphor Icons
Category
Light
Code Point
eb5a

Plugs Light

ph-light ph-plugs

Package
Phosphor Icons
Category
Light
Code Point
eb56

Plus Circle Light

ph-light ph-plus-circle

Package
Phosphor Icons
Category
Light
Code Point
e3d6

Plus Light

ph-light ph-plus

Package
Phosphor Icons
Category
Light
Code Point
e3d4

Plus Minus Light

ph-light ph-plus-minus

Package
Phosphor Icons
Category
Light
Code Point
e3d8

Plus Square Light

ph-light ph-plus-square

Package
Phosphor Icons
Category
Light
Code Point
ed4a

Poker Chip Light

ph-light ph-poker-chip

Package
Phosphor Icons
Category
Light
Code Point
e594

Police Car Light

ph-light ph-police-car

Package
Phosphor Icons
Category
Light
Code Point
ec4a

Polygon Light

ph-light ph-polygon

Package
Phosphor Icons
Category
Light
Code Point
e6d0

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.