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"

Hourglass Simple High Fill

ph-fill ph-hourglass-simple-high

Package
Phosphor Icons
Category
Fill
Code Point
e2bc

Hourglass Simple Low Fill

ph-fill ph-hourglass-simple-low

Package
Phosphor Icons
Category
Fill
Code Point
e2be

Hourglass Simple Medium Fill

ph-fill ph-hourglass-simple-medium

Package
Phosphor Icons
Category
Fill
Code Point
e2c0

House Fill

ph-fill ph-house

Package
Phosphor Icons
Category
Fill
Code Point
e2c2

House Line Fill

ph-fill ph-house-line

Package
Phosphor Icons
Category
Fill
Code Point
e2c4

House Simple Fill

ph-fill ph-house-simple

Package
Phosphor Icons
Category
Fill
Code Point
e2c6

Hurricane Fill

ph-fill ph-hurricane

Package
Phosphor Icons
Category
Fill
Code Point
e88e

Image Square Fill

ph-fill ph-image-square

Package
Phosphor Icons
Category
Fill
Code Point
e2cc

Images Square Fill

ph-fill ph-images-square

Package
Phosphor Icons
Category
Fill
Code Point
e834

Intersect Square Fill

ph-fill ph-intersect-square

Package
Phosphor Icons
Category
Fill
Code Point
e87a

Key Return Fill

ph-fill ph-key-return

Package
Phosphor Icons
Category
Fill
Code Point
e782

Layout Fill

ph-fill ph-layout

Package
Phosphor Icons
Category
Fill
Code Point
e6d6

Less Than Or Equal Fill

ph-fill ph-less-than-or-equal

Package
Phosphor Icons
Category
Fill
Code Point
eda4

Lifebuoy Fill

ph-fill ph-lifebuoy

Package
Phosphor Icons
Category
Fill
Code Point
e63a

Lightbulb Filament Fill

ph-fill ph-lightbulb-filament

Package
Phosphor Icons
Category
Fill
Code Point
e63c

Lightbulb Fill

ph-fill ph-lightbulb

Package
Phosphor Icons
Category
Fill
Code Point
e2dc

Lighthouse Fill

ph-fill ph-lighthouse

Package
Phosphor Icons
Category
Fill
Code Point
e9f6

Linux Logo Fill

ph-fill ph-linux-logo

Package
Phosphor Icons
Category
Fill
Code Point
eb02

List Bullets Fill

ph-fill ph-list-bullets

Package
Phosphor Icons
Category
Fill
Code Point
e2f2

List Numbers Fill

ph-fill ph-list-numbers

Package
Phosphor Icons
Category
Fill
Code Point
e2f6

List Plus Fill

ph-fill ph-list-plus

Package
Phosphor Icons
Category
Fill
Code Point
e2f8

Magnifying Glass Minus Fill

ph-fill ph-magnifying-glass-minus

Package
Phosphor Icons
Category
Fill
Code Point
e30e

Magnifying Glass Plus Fill

ph-fill ph-magnifying-glass-plus

Package
Phosphor Icons
Category
Fill
Code Point
e310

Map Pin Plus Fill

ph-fill ph-map-pin-plus

Package
Phosphor Icons
Category
Fill
Code Point
e314

Medium Logo Fill

ph-fill ph-medium-logo

Package
Phosphor Icons
Category
Fill
Code Point
e322

Microsoft Outlook Logo Fill

ph-fill ph-microsoft-outlook-logo

Package
Phosphor Icons
Category
Fill
Code Point
eb70

Minus Circle Fill

ph-fill ph-minus-circle

Package
Phosphor Icons
Category
Fill
Code Point
e32c

Minus Fill

ph-fill ph-minus

Package
Phosphor Icons
Category
Fill
Code Point
e32a

Minus Square Fill

ph-fill ph-minus-square

Package
Phosphor Icons
Category
Fill
Code Point
ed4c

Monitor Arrow Up Fill

ph-fill ph-monitor-arrow-up

Package
Phosphor Icons
Category
Fill
Code Point
e58a

Mosque Fill

ph-fill ph-mosque

Package
Phosphor Icons
Category
Fill
Code Point
ecee

Mountains Fill

ph-fill ph-mountains

Package
Phosphor Icons
Category
Fill
Code Point
e7ae

Mouse Fill

ph-fill ph-mouse

Package
Phosphor Icons
Category
Fill
Code Point
e33a

Mouse Left Click Fill

ph-fill ph-mouse-left-click

Package
Phosphor Icons
Category
Fill
Code Point
e334

Mouse Middle Click Fill

ph-fill ph-mouse-middle-click

Package
Phosphor Icons
Category
Fill
Code Point
e338

Mouse Right Click Fill

ph-fill ph-mouse-right-click

Package
Phosphor Icons
Category
Fill
Code Point
e336

Mouse Scroll Fill

ph-fill ph-mouse-scroll

Package
Phosphor Icons
Category
Fill
Code Point
e332

Mouse Simple Fill

ph-fill ph-mouse-simple

Package
Phosphor Icons
Category
Fill
Code Point
e644

Music Note Fill

ph-fill ph-music-note

Package
Phosphor Icons
Category
Fill
Code Point
e33c

Music Note Simple Fill

ph-fill ph-music-note-simple

Package
Phosphor Icons
Category
Fill
Code Point
e33e

Music Notes Fill

ph-fill ph-music-notes

Package
Phosphor Icons
Category
Fill
Code Point
e340

Music Notes Minus Fill

ph-fill ph-music-notes-minus

Package
Phosphor Icons
Category
Fill
Code Point
ee0c

Music Notes Plus Fill

ph-fill ph-music-notes-plus

Package
Phosphor Icons
Category
Fill
Code Point
eb7c

Music Notes Simple Fill

ph-fill ph-music-notes-simple

Package
Phosphor Icons
Category
Fill
Code Point
e342

Not Equals Fill

ph-fill ph-not-equals

Package
Phosphor Icons
Category
Fill
Code Point
eda6

Not Subset Of Fill

ph-fill ph-not-subset-of

Package
Phosphor Icons
Category
Fill
Code Point
edb0

Not Superset Of Fill

ph-fill ph-not-superset-of

Package
Phosphor Icons
Category
Fill
Code Point
edb2

Nuclear Plant Fill

ph-fill ph-nuclear-plant

Package
Phosphor Icons
Category
Fill
Code Point
ed7c

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.