Font Icon Library

Phosphor Icons Search

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.

Device Mobile Slash Regular

ph ph-device-mobile-slash

Package: Phosphor Icons
Category: Regular
Code Point: ee46

Device Mobile Speaker Regular

ph ph-device-mobile-speaker

Package: Phosphor Icons
Category: Regular
Code Point: e1e4

device mobile speaker regular

Device Rotate Regular

ph ph-device-rotate

Package: Phosphor Icons
Category: Regular
Code Point: edf2

device rotate regular

Device Tablet Camera Regular

ph ph-device-tablet-camera

Package: Phosphor Icons
Category: Regular
Code Point: e1e8

device tablet camera regular

Device Tablet Regular

ph ph-device-tablet

Package: Phosphor Icons
Category: Regular
Code Point: e1e6

device tablet regular

Device Tablet Speaker Regular

ph ph-device-tablet-speaker

Package: Phosphor Icons
Category: Regular
Code Point: e1ea

device tablet speaker regular

Devices Regular

ph ph-devices

Package: Phosphor Icons
Category: Regular
Code Point: eba4

devices regular

Dice Five Regular

ph ph-dice-five

Package: Phosphor Icons
Category: Regular
Code Point: e1ee

dice five regular

Dice Four Regular

ph ph-dice-four

Package: Phosphor Icons
Category: Regular
Code Point: e1f0

dice four regular

Dice One Regular

ph ph-dice-one

Package: Phosphor Icons
Category: Regular
Code Point: e1f2

dice one regular

Dice Six Regular

ph ph-dice-six

Package: Phosphor Icons
Category: Regular
Code Point: e1f4

dice six regular

Dice Three Regular

ph ph-dice-three

Package: Phosphor Icons
Category: Regular
Code Point: e1f6

dice three regular

Dice Two Regular

ph ph-dice-two

Package: Phosphor Icons
Category: Regular
Code Point: e1f8

dice two regular

Ice Cream Regular

ph ph-ice-cream

Package: Phosphor Icons
Category: Regular
Code Point: e804

ice cream regular

Invoice Regular

ph ph-invoice

Package: Phosphor Icons
Category: Regular
Code Point: ee42

invoice regular

Office Chair Regular

ph ph-office-chair

Package: Phosphor Icons
Category: Regular
Code Point: ea46

office chair regular

Orange Slice Regular

ph ph-orange-slice

Package: Phosphor Icons
Category: Regular
Code Point: ed36

orange slice regular

Police Car Regular

ph ph-police-car

Package: Phosphor Icons
Category: Regular
Code Point: ec4a

police car regular

Voicemail Regular

ph ph-voicemail

Package: Phosphor Icons
Category: Regular
Code Point: e4de

voicemail regular

Building Office Thin

ph-thin ph-building-office

Package: Phosphor Icons
Category: Thin
Code Point: e0ff

building office thin

Chart Pie Slice Thin

ph-thin ph-chart-pie-slice

Package: Phosphor Icons
Category: Thin
Code Point: e15a

chart pie slice thin

Device Mobile Camera Thin

ph-thin ph-device-mobile-camera

Package: Phosphor Icons
Category: Thin
Code Point: e1e2

device mobile camera thin

Device Mobile Slash Thin

ph-thin ph-device-mobile-slash

Package: Phosphor Icons
Category: Thin
Code Point: ee46

device mobile slash thin

Device Mobile Speaker Thin

ph-thin ph-device-mobile-speaker

Package: Phosphor Icons
Category: Thin
Code Point: e1e4

device mobile speaker thin

Device Mobile Thin

ph-thin ph-device-mobile

Package: Phosphor Icons
Category: Thin
Code Point: e1e0

device mobile thin

Device Rotate Thin

ph-thin ph-device-rotate

Package: Phosphor Icons
Category: Thin
Code Point: edf2

device rotate thin

Device Tablet Camera Thin

ph-thin ph-device-tablet-camera

Package: Phosphor Icons
Category: Thin
Code Point: e1e8

device tablet camera thin

Device Tablet Speaker Thin

ph-thin ph-device-tablet-speaker

Package: Phosphor Icons
Category: Thin
Code Point: e1ea

device tablet speaker thin

Device Tablet Thin

ph-thin ph-device-tablet

Package: Phosphor Icons
Category: Thin
Code Point: e1e6

device tablet thin

Devices Thin

ph-thin ph-devices

Package: Phosphor Icons
Category: Thin
Code Point: eba4

devices thin

Dice Five Thin

ph-thin ph-dice-five

Package: Phosphor Icons
Category: Thin
Code Point: e1ee

dice five thin

Dice Four Thin

ph-thin ph-dice-four

Package: Phosphor Icons
Category: Thin
Code Point: e1f0

dice four thin

Dice One Thin

ph-thin ph-dice-one

Package: Phosphor Icons
Category: Thin
Code Point: e1f2

dice one thin

Dice Six Thin

ph-thin ph-dice-six

Package: Phosphor Icons
Category: Thin
Code Point: e1f4

dice six thin

Dice Three Thin

ph-thin ph-dice-three

Package: Phosphor Icons
Category: Thin
Code Point: e1f6

dice three thin

Dice Two Thin

ph-thin ph-dice-two

Package: Phosphor Icons
Category: Thin
Code Point: e1f8

dice two thin

Ice Cream Thin

ph-thin ph-ice-cream

Package: Phosphor Icons
Category: Thin
Code Point: e804

ice cream thin

Invoice Thin

ph-thin ph-invoice

Package: Phosphor Icons
Category: Thin
Code Point: ee42

invoice thin

Office Chair Thin

ph-thin ph-office-chair

Package: Phosphor Icons
Category: Thin
Code Point: ea46

office chair thin

Orange Slice Thin

ph-thin ph-orange-slice

Package: Phosphor Icons
Category: Thin
Code Point: ed36

orange slice thin

Police Car Thin

ph-thin ph-police-car

Package: Phosphor Icons
Category: Thin
Code Point: ec4a

police car thin

Voicemail Thin

ph-thin ph-voicemail

Package: Phosphor Icons
Category: Thin
Code Point: e4de

voicemail thin

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.

Community Poll

What is your favorite AI agent? (Choose up to 3)

2,334 votes

Choose up to 3 options.

Codex

Claude Code

Cursor

GitHub Copilot

Gemini / Jules

Devin

OpenClaw

Hermes Agent

Other

View Result

138 icons