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

4,774 icons

Matching "u"

User Circle Dashed Fill

ph-fill ph-user-circle-dashed

Package
Phosphor Icons
Category
Fill
Code Point
ec36

User Circle Fill

ph-fill ph-user-circle

Package
Phosphor Icons
Category
Fill
Code Point
e4c4

User Circle Gear Fill

ph-fill ph-user-circle-gear

Package
Phosphor Icons
Category
Fill
Code Point
e4c6

User Circle Minus Fill

ph-fill ph-user-circle-minus

Package
Phosphor Icons
Category
Fill
Code Point
e4c8

User Circle Plus Fill

ph-fill ph-user-circle-plus

Package
Phosphor Icons
Category
Fill
Code Point
e4ca

User Fill

ph-fill ph-user

Package
Phosphor Icons
Category
Fill
Code Point
e4c2

User Focus Fill

ph-fill ph-user-focus

Package
Phosphor Icons
Category
Fill
Code Point
e6fc

User Gear Fill

ph-fill ph-user-gear

Package
Phosphor Icons
Category
Fill
Code Point
e4cc

User List Fill

ph-fill ph-user-list

Package
Phosphor Icons
Category
Fill
Code Point
e73c

User Minus Fill

ph-fill ph-user-minus

Package
Phosphor Icons
Category
Fill
Code Point
e4ce

User Plus Fill

ph-fill ph-user-plus

Package
Phosphor Icons
Category
Fill
Code Point
e4d0

User Rectangle Fill

ph-fill ph-user-rectangle

Package
Phosphor Icons
Category
Fill
Code Point
e4d2

User Sound Fill

ph-fill ph-user-sound

Package
Phosphor Icons
Category
Fill
Code Point
eca8

User Square Fill

ph-fill ph-user-square

Package
Phosphor Icons
Category
Fill
Code Point
e4d4

User Switch Fill

ph-fill ph-user-switch

Package
Phosphor Icons
Category
Fill
Code Point
e756

Users Fill

ph-fill ph-users

Package
Phosphor Icons
Category
Fill
Code Point
e4d6

Users Four Fill

ph-fill ph-users-four

Package
Phosphor Icons
Category
Fill
Code Point
e68c

Users Three Fill

ph-fill ph-users-three

Package
Phosphor Icons
Category
Fill
Code Point
e68e

Vault Fill

ph-fill ph-vault

Package
Phosphor Icons
Category
Fill
Code Point
e76e

Virtual Reality Fill

ph-fill ph-virtual-reality

Package
Phosphor Icons
Category
Fill
Code Point
e7b8

Virus Fill

ph-fill ph-virus

Package
Phosphor Icons
Category
Fill
Code Point
e7d6

Warehouse Fill

ph-fill ph-warehouse

Package
Phosphor Icons
Category
Fill
Code Point
ecd4

Wave Square Fill

ph-fill ph-wave-square

Package
Phosphor Icons
Category
Fill
Code Point
ea9e

Wifi Medium Fill

ph-fill ph-wifi-medium

Package
Phosphor Icons
Category
Fill
Code Point
e4ee

X Square Fill

ph-fill ph-x-square

Package
Phosphor Icons
Category
Fill
Code Point
e4fa

Youtube Logo Fill

ph-fill ph-youtube-logo

Package
Phosphor Icons
Category
Fill
Code Point
e4fc

Ambulance Light

ph-light ph-ambulance

Package
Phosphor Icons
Category
Light
Code Point
e572

Angular Logo Light

ph-light ph-angular-logo

Package
Phosphor Icons
Category
Light
Code Point
eb80

Aperture Light

ph-light ph-aperture

Package
Phosphor Icons
Category
Light
Code Point
e00a

Approximate Equals Light

ph-light ph-approximate-equals

Package
Phosphor Icons
Category
Light
Code Point
edaa

Arrow Bend Double Up Left Light

ph-light ph-arrow-bend-double-up-left

Package
Phosphor Icons
Category
Light
Code Point
e03a

Arrow Bend Double Up Right Light

ph-light ph-arrow-bend-double-up-right

Package
Phosphor Icons
Category
Light
Code Point
e03c

Arrow Bend Left Up Light

ph-light ph-arrow-bend-left-up

Package
Phosphor Icons
Category
Light
Code Point
e01e

Arrow Bend Right Up Light

ph-light ph-arrow-bend-right-up

Package
Phosphor Icons
Category
Light
Code Point
e022

Arrow Bend Up Left Light

ph-light ph-arrow-bend-up-left

Package
Phosphor Icons
Category
Light
Code Point
e024

Arrow Bend Up Right Light

ph-light ph-arrow-bend-up-right

Package
Phosphor Icons
Category
Light
Code Point
e026

Arrow Circle Up Left Light

ph-light ph-arrow-circle-up-left

Package
Phosphor Icons
Category
Light
Code Point
e032

Arrow Circle Up Light

ph-light ph-arrow-circle-up

Package
Phosphor Icons
Category
Light
Code Point
e030

Arrow Circle Up Right Light

ph-light ph-arrow-circle-up-right

Package
Phosphor Icons
Category
Light
Code Point
e034

Arrow Counter Clockwise Light

ph-light ph-arrow-counter-clockwise

Package
Phosphor Icons
Category
Light
Code Point
e038

Arrow Elbow Left Up Light

ph-light ph-arrow-elbow-left-up

Package
Phosphor Icons
Category
Light
Code Point
e04c

Arrow Elbow Right Up Light

ph-light ph-arrow-elbow-right-up

Package
Phosphor Icons
Category
Light
Code Point
e052

Arrow Elbow Up Left Light

ph-light ph-arrow-elbow-up-left

Package
Phosphor Icons
Category
Light
Code Point
e054

Arrow Elbow Up Right Light

ph-light ph-arrow-elbow-up-right

Package
Phosphor Icons
Category
Light
Code Point
e056

Arrow Fat Line Up Light

ph-light ph-arrow-fat-line-up

Package
Phosphor Icons
Category
Light
Code Point
e522

Arrow Fat Lines Up Light

ph-light ph-arrow-fat-lines-up

Package
Phosphor Icons
Category
Light
Code Point
e52a

Arrow Fat Up Light

ph-light ph-arrow-fat-up

Package
Phosphor Icons
Category
Light
Code Point
e52e

Arrow Line Up Left Light

ph-light ph-arrow-line-up-left

Package
Phosphor Icons
Category
Light
Code Point
e068

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.