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"

Parallelogram Light

ph-light ph-parallelogram

Package
Phosphor Icons
Category
Light
Code Point
ecc6

Park Light

ph-light ph-park

Package
Phosphor Icons
Category
Light
Code Point
ecb2

Password Light

ph-light ph-password

Package
Phosphor Icons
Category
Light
Code Point
e752

Path Light

ph-light ph-path

Package
Phosphor Icons
Category
Light
Code Point
e39c

Patreon Logo Light

ph-light ph-patreon-logo

Package
Phosphor Icons
Category
Light
Code Point
e98a

Pause Circle Light

ph-light ph-pause-circle

Package
Phosphor Icons
Category
Light
Code Point
e3a0

Pause Light

ph-light ph-pause

Package
Phosphor Icons
Category
Light
Code Point
e39e

Paw Print Light

ph-light ph-paw-print

Package
Phosphor Icons
Category
Light
Code Point
e648

Paypal Logo Light

ph-light ph-paypal-logo

Package
Phosphor Icons
Category
Light
Code Point
e98c

Peace Light

ph-light ph-peace

Package
Phosphor Icons
Category
Light
Code Point
e3a2

Pen Light

ph-light ph-pen

Package
Phosphor Icons
Category
Light
Code Point
e3aa

Pen Nib Light

ph-light ph-pen-nib

Package
Phosphor Icons
Category
Light
Code Point
e3ac

Pen Nib Straight Light

ph-light ph-pen-nib-straight

Package
Phosphor Icons
Category
Light
Code Point
e64a

Pencil Light

ph-light ph-pencil

Package
Phosphor Icons
Category
Light
Code Point
e3ae

Pencil Simple Slash Light

ph-light ph-pencil-simple-slash

Package
Phosphor Icons
Category
Light
Code Point
ecf6

Pencil Slash Light

ph-light ph-pencil-slash

Package
Phosphor Icons
Category
Light
Code Point
ecf8

Pentagon Light

ph-light ph-pentagon

Package
Phosphor Icons
Category
Light
Code Point
ec7e

Pentagram Light

ph-light ph-pentagram

Package
Phosphor Icons
Category
Light
Code Point
ec5c

Pepper Light

ph-light ph-pepper

Package
Phosphor Icons
Category
Light
Code Point
e94a

Person Arms Spread Light

ph-light ph-person-arms-spread

Package
Phosphor Icons
Category
Light
Code Point
ecfe

Person Light

ph-light ph-person

Package
Phosphor Icons
Category
Light
Code Point
e3a8

Person Simple Snowboard Light

ph-light ph-person-simple-snowboard

Package
Phosphor Icons
Category
Light
Code Point
e71e

Person Simple Tai Chi Light

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

Package
Phosphor Icons
Category
Light
Code Point
ed5c

Person Simple Walk Light

ph-light ph-person-simple-walk

Package
Phosphor Icons
Category
Light
Code Point
e73a

Phone Call Light

ph-light ph-phone-call

Package
Phosphor Icons
Category
Light
Code Point
e3ba

Phone Pause Light

ph-light ph-phone-pause

Package
Phosphor Icons
Category
Light
Code Point
e3ca

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

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

Piggy Bank Light

ph-light ph-piggy-bank

Package
Phosphor Icons
Category
Light
Code Point
ea04

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

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

Plugs Connected Light

ph-light ph-plugs-connected

Package
Phosphor Icons
Category
Light
Code Point
eb5a

Plus Square Light

ph-light ph-plus-square

Package
Phosphor Icons
Category
Light
Code Point
ed4a

Police Car Light

ph-light ph-police-car

Package
Phosphor Icons
Category
Light
Code Point
ec4a

Potted Plant Light

ph-light ph-potted-plant

Package
Phosphor Icons
Category
Light
Code Point
ec22

Power Light

ph-light ph-power

Package
Phosphor Icons
Category
Light
Code Point
e3da

Prescription Light

ph-light ph-prescription

Package
Phosphor Icons
Category
Light
Code Point
e7a2

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.