IP Location.net
Sign In

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

9,162 icons

Browse by package, name, tag, class, or code point.

Selection Foreground Regular

ph ph-selection-foreground

Package
Phosphor Icons
Category
Regular
Code Point
eaf6
selection foreground regular

Selection Inverse Regular

ph ph-selection-inverse

Package
Phosphor Icons
Category
Regular
Code Point
e744
selection inverse regular

Selection Plus Regular

ph ph-selection-plus

Package
Phosphor Icons
Category
Regular
Code Point
e69c
selection plus regular

Selection Regular

ph ph-selection

Package
Phosphor Icons
Category
Regular
Code Point
e69a
selection regular

Selection Slash Regular

ph ph-selection-slash

Package
Phosphor Icons
Category
Regular
Code Point
e69e
selection slash regular

Shapes Regular

ph ph-shapes

Package
Phosphor Icons
Category
Regular
Code Point
ec5e
shapes regular

Share Fat Regular

ph ph-share-fat

Package
Phosphor Icons
Category
Regular
Code Point
ed52
share fat regular

Share Network Regular

ph ph-share-network

Package
Phosphor Icons
Category
Regular
Code Point
e408
share network regular

Share Regular

ph ph-share

Package
Phosphor Icons
Category
Regular
Code Point
e406
share regular

Shield Check Regular

ph ph-shield-check

Package
Phosphor Icons
Category
Regular
Code Point
e40c
shield check regular

Shield Checkered Regular

ph ph-shield-checkered

Package
Phosphor Icons
Category
Regular
Code Point
e708
shield checkered regular

Shield Chevron Regular

ph ph-shield-chevron

Package
Phosphor Icons
Category
Regular
Code Point
e40e
shield chevron regular

Shield Plus Regular

ph ph-shield-plus

Package
Phosphor Icons
Category
Regular
Code Point
e706
shield plus regular

Shield Regular

ph ph-shield

Package
Phosphor Icons
Category
Regular
Code Point
e40a
shield regular

Shield Slash Regular

ph ph-shield-slash

Package
Phosphor Icons
Category
Regular
Code Point
e410
shield slash regular

Shield Star Regular

ph ph-shield-star

Package
Phosphor Icons
Category
Regular
Code Point
ec34
shield star regular

Shield Warning Regular

ph ph-shield-warning

Package
Phosphor Icons
Category
Regular
Code Point
e412
shield warning regular

Shipping Container Regular

ph ph-shipping-container

Package
Phosphor Icons
Category
Regular
Code Point
e78c
shipping container regular

Shirt Folded Regular

ph ph-shirt-folded

Package
Phosphor Icons
Category
Regular
Code Point
ea92
shirt folded regular

Shooting Star Regular

ph ph-shooting-star

Package
Phosphor Icons
Category
Regular
Code Point
ecfa
shooting star regular

Shopping Bag Open Regular

ph ph-shopping-bag-open

Package
Phosphor Icons
Category
Regular
Code Point
e418
shopping bag open regular

Shopping Bag Regular

ph ph-shopping-bag

Package
Phosphor Icons
Category
Regular
Code Point
e416
shopping bag regular

Shopping Cart Regular

ph ph-shopping-cart

Package
Phosphor Icons
Category
Regular
Code Point
e41e
shopping cart regular

Shopping Cart Simple Regular

ph ph-shopping-cart-simple

Package
Phosphor Icons
Category
Regular
Code Point
e420
shopping cart simple regular

Shovel Regular

ph ph-shovel

Package
Phosphor Icons
Category
Regular
Code Point
e9e6
shovel regular

Shower Regular

ph ph-shower

Package
Phosphor Icons
Category
Regular
Code Point
e776
shower regular

Shrimp Regular

ph ph-shrimp

Package
Phosphor Icons
Category
Regular
Code Point
eab4
shrimp regular

Shuffle Angular Regular

ph ph-shuffle-angular

Package
Phosphor Icons
Category
Regular
Code Point
e424
shuffle angular regular

Shuffle Regular

ph ph-shuffle

Package
Phosphor Icons
Category
Regular
Code Point
e422
shuffle regular

Shuffle Simple Regular

ph ph-shuffle-simple

Package
Phosphor Icons
Category
Regular
Code Point
e426
shuffle simple regular

Sidebar Regular

ph ph-sidebar

Package
Phosphor Icons
Category
Regular
Code Point
eab6
sidebar regular

Sidebar Simple Regular

ph ph-sidebar-simple

Package
Phosphor Icons
Category
Regular
Code Point
ec24
sidebar simple regular

Sigma Regular

ph ph-sigma

Package
Phosphor Icons
Category
Regular
Code Point
eab8
sigma regular

Sign In Regular

ph ph-sign-in

Package
Phosphor Icons
Category
Regular
Code Point
e428
sign in regular

Sign Out Regular

ph ph-sign-out

Package
Phosphor Icons
Category
Regular
Code Point
e42a
sign out regular

Signature Regular

ph ph-signature

Package
Phosphor Icons
Category
Regular
Code Point
ebac
signature regular

Signpost Regular

ph ph-signpost

Package
Phosphor Icons
Category
Regular
Code Point
e89c
signpost regular

Sim Card Regular

ph ph-sim-card

Package
Phosphor Icons
Category
Regular
Code Point
e664
sim card regular

Siren Regular

ph ph-siren

Package
Phosphor Icons
Category
Regular
Code Point
e9b8
siren regular

Sketch Logo Regular

ph ph-sketch-logo

Package
Phosphor Icons
Category
Regular
Code Point
e42c
sketch logo regular

Skip Back Circle Regular

ph ph-skip-back-circle

Package
Phosphor Icons
Category
Regular
Code Point
e42e
skip back circle regular

Skip Back Regular

ph ph-skip-back

Package
Phosphor Icons
Category
Regular
Code Point
e5a4
skip back regular

Skip Forward Circle Regular

ph ph-skip-forward-circle

Package
Phosphor Icons
Category
Regular
Code Point
e430
skip forward circle regular

Skip Forward Regular

ph ph-skip-forward

Package
Phosphor Icons
Category
Regular
Code Point
e5a6
skip forward regular

Skull Regular

ph ph-skull

Package
Phosphor Icons
Category
Regular
Code Point
e916
skull regular

Skype Logo Regular

ph ph-skype-logo

Package
Phosphor Icons
Category
Regular
Code Point
e8dc
skype logo regular

Slack Logo Regular

ph ph-slack-logo

Package
Phosphor Icons
Category
Regular
Code Point
e5a8
slack logo regular

Sliders Horizontal Regular

ph ph-sliders-horizontal

Package
Phosphor Icons
Category
Regular
Code Point
e434
sliders horizontal regular

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.

Related References

Continue with nearby symbol, code, and web design resources.

Symbol Codes Search symbol codes by category or description, including Unicode, hex codes, HTML codes, HTML entities, and CSS entities. HTML Color Codes Browse common HTML color codes and convert between hex, RGB, and HSL color formats. Font Generator Create styled Unicode text variants for headings, profiles, bios, social posts, and design mockups.