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"

Grains Light

ph-light ph-grains

Package
Phosphor Icons
Category
Light
Code Point
ec68

Grains Slash Light

ph-light ph-grains-slash

Package
Phosphor Icons
Category
Light
Code Point
ec6a

Graph Light

ph-light ph-graph

Package
Phosphor Icons
Category
Light
Code Point
eb58

Graphics Card Light

ph-light ph-graphics-card

Package
Phosphor Icons
Category
Light
Code Point
e612

Greater Than Light

ph-light ph-greater-than

Package
Phosphor Icons
Category
Light
Code Point
edc4

Greater Than Or Equal Light

ph-light ph-greater-than-or-equal

Package
Phosphor Icons
Category
Light
Code Point
eda2

Grid Four Light

ph-light ph-grid-four

Package
Phosphor Icons
Category
Light
Code Point
e296

Grid Nine Light

ph-light ph-grid-nine

Package
Phosphor Icons
Category
Light
Code Point
ec8c

Guitar Light

ph-light ph-guitar

Package
Phosphor Icons
Category
Light
Code Point
ea8a

Hair Dryer Light

ph-light ph-hair-dryer

Package
Phosphor Icons
Category
Light
Code Point
ea66

Hamburger Light

ph-light ph-hamburger

Package
Phosphor Icons
Category
Light
Code Point
e790

Hammer Light

ph-light ph-hammer

Package
Phosphor Icons
Category
Light
Code Point
e80e

Hand Arrow Down Light

ph-light ph-hand-arrow-down

Package
Phosphor Icons
Category
Light
Code Point
ea4e

Hand Arrow Up Light

ph-light ph-hand-arrow-up

Package
Phosphor Icons
Category
Light
Code Point
ee5a

Hand Coins Light

ph-light ph-hand-coins

Package
Phosphor Icons
Category
Light
Code Point
ea8c

Hand Deposit Light

ph-light ph-hand-deposit

Package
Phosphor Icons
Category
Light
Code Point
ee82

Hand Eye Light

ph-light ph-hand-eye

Package
Phosphor Icons
Category
Light
Code Point
ea4c

Hand Fist Light

ph-light ph-hand-fist

Package
Phosphor Icons
Category
Light
Code Point
e57a

Hand Grabbing Light

ph-light ph-hand-grabbing

Package
Phosphor Icons
Category
Light
Code Point
e57c

Hand Heart Light

ph-light ph-hand-heart

Package
Phosphor Icons
Category
Light
Code Point
e810

Hand Light

ph-light ph-hand

Package
Phosphor Icons
Category
Light
Code Point
e298

Hand Palm Light

ph-light ph-hand-palm

Package
Phosphor Icons
Category
Light
Code Point
e57e

Hand Peace Light

ph-light ph-hand-peace

Package
Phosphor Icons
Category
Light
Code Point
e7cc

Hand Pointing Light

ph-light ph-hand-pointing

Package
Phosphor Icons
Category
Light
Code Point
e29a

Hand Soap Light

ph-light ph-hand-soap

Package
Phosphor Icons
Category
Light
Code Point
e630

Hand Swipe Left Light

ph-light ph-hand-swipe-left

Package
Phosphor Icons
Category
Light
Code Point
ec94

Hand Swipe Right Light

ph-light ph-hand-swipe-right

Package
Phosphor Icons
Category
Light
Code Point
ec92

Hand Tap Light

ph-light ph-hand-tap

Package
Phosphor Icons
Category
Light
Code Point
ec90

Hand Waving Light

ph-light ph-hand-waving

Package
Phosphor Icons
Category
Light
Code Point
e580

Hand Withdraw Light

ph-light ph-hand-withdraw

Package
Phosphor Icons
Category
Light
Code Point
ee80

Handbag Light

ph-light ph-handbag

Package
Phosphor Icons
Category
Light
Code Point
e29c

Handbag Simple Light

ph-light ph-handbag-simple

Package
Phosphor Icons
Category
Light
Code Point
e62e

Hands Clapping Light

ph-light ph-hands-clapping

Package
Phosphor Icons
Category
Light
Code Point
e6a0

Hands Praying Light

ph-light ph-hands-praying

Package
Phosphor Icons
Category
Light
Code Point
ecc8

Handshake Light

ph-light ph-handshake

Package
Phosphor Icons
Category
Light
Code Point
e582

Hard Drive Light

ph-light ph-hard-drive

Package
Phosphor Icons
Category
Light
Code Point
e29e

Hard Drives Light

ph-light ph-hard-drives

Package
Phosphor Icons
Category
Light
Code Point
e2a0

Hard Hat Light

ph-light ph-hard-hat

Package
Phosphor Icons
Category
Light
Code Point
ed46

Hash Light

ph-light ph-hash

Package
Phosphor Icons
Category
Light
Code Point
e2a2

Hash Straight Light

ph-light ph-hash-straight

Package
Phosphor Icons
Category
Light
Code Point
e2a4

Head Circuit Light

ph-light ph-head-circuit

Package
Phosphor Icons
Category
Light
Code Point
e7d4

Headlights Light

ph-light ph-headlights

Package
Phosphor Icons
Category
Light
Code Point
e6fe

Headphones Light

ph-light ph-headphones

Package
Phosphor Icons
Category
Light
Code Point
e2a6

Headset Light

ph-light ph-headset

Package
Phosphor Icons
Category
Light
Code Point
e584

Heart Break Light

ph-light ph-heart-break

Package
Phosphor Icons
Category
Light
Code Point
ebe8

Heart Half Light

ph-light ph-heart-half

Package
Phosphor Icons
Category
Light
Code Point
ec48

Heart Light

ph-light ph-heart

Package
Phosphor Icons
Category
Light
Code Point
e2a8

Heart Straight Break Light

ph-light ph-heart-straight-break

Package
Phosphor Icons
Category
Light
Code Point
eb98

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.