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.

Share Bold

ph-bold ph-share

Package: Phosphor Icons
Category: Bold
Code Point: e406

share bold

Share Fat Bold

ph-bold ph-share-fat

Package: Phosphor Icons
Category: Bold
Code Point: ed52

share fat bold

Share Network Bold

ph-bold ph-share-network

Package: Phosphor Icons
Category: Bold
Code Point: e408

share network bold

Shield Bold

ph-bold ph-shield

Package: Phosphor Icons
Category: Bold
Code Point: e40a

shield bold

Shield Check Bold

ph-bold ph-shield-check

Package: Phosphor Icons
Category: Bold
Code Point: e40c

shield check bold

Shield Checkered Bold

ph-bold ph-shield-checkered

Package: Phosphor Icons
Category: Bold
Code Point: e708

shield checkered bold

Shield Chevron Bold

ph-bold ph-shield-chevron

Package: Phosphor Icons
Category: Bold
Code Point: e40e

shield chevron bold

Shield Plus Bold

ph-bold ph-shield-plus

Package: Phosphor Icons
Category: Bold
Code Point: e706

shield plus bold

Shield Slash Bold

ph-bold ph-shield-slash

Package: Phosphor Icons
Category: Bold
Code Point: e410

shield slash bold

Shield Star Bold

ph-bold ph-shield-star

Package: Phosphor Icons
Category: Bold
Code Point: ec34

shield star bold

Shield Warning Bold

ph-bold ph-shield-warning

Package: Phosphor Icons
Category: Bold
Code Point: e412

shield warning bold

Shipping Container Bold

ph-bold ph-shipping-container

Package: Phosphor Icons
Category: Bold
Code Point: e78c

shipping container bold

Shirt Folded Bold

ph-bold ph-shirt-folded

Package: Phosphor Icons
Category: Bold
Code Point: ea92

shirt folded bold

Shooting Star Bold

ph-bold ph-shooting-star

Package: Phosphor Icons
Category: Bold
Code Point: ecfa

shooting star bold

Shopping Bag Bold

ph-bold ph-shopping-bag

Package: Phosphor Icons
Category: Bold
Code Point: e416

shopping bag bold

Shopping Bag Open Bold

ph-bold ph-shopping-bag-open

Package: Phosphor Icons
Category: Bold
Code Point: e418

shopping bag open bold

Shopping Cart Bold

ph-bold ph-shopping-cart

Package: Phosphor Icons
Category: Bold
Code Point: e41e

shopping cart bold

Shopping Cart Simple Bold

ph-bold ph-shopping-cart-simple

Package: Phosphor Icons
Category: Bold
Code Point: e420

shopping cart simple bold

Shovel Bold

ph-bold ph-shovel

Package: Phosphor Icons
Category: Bold
Code Point: e9e6

shovel bold

Shower Bold

ph-bold ph-shower

Package: Phosphor Icons
Category: Bold
Code Point: e776

shower bold

Shrimp Bold

ph-bold ph-shrimp

Package: Phosphor Icons
Category: Bold
Code Point: eab4

shrimp bold

Shuffle Angular Bold

ph-bold ph-shuffle-angular

Package: Phosphor Icons
Category: Bold
Code Point: e424

shuffle angular bold

Shuffle Bold

ph-bold ph-shuffle

Package: Phosphor Icons
Category: Bold
Code Point: e422

shuffle bold

Shuffle Simple Bold

ph-bold ph-shuffle-simple

Package: Phosphor Icons
Category: Bold
Code Point: e426

shuffle simple bold

Sidebar Bold

ph-bold ph-sidebar

Package: Phosphor Icons
Category: Bold
Code Point: eab6

sidebar bold

Sidebar Simple Bold

ph-bold ph-sidebar-simple

Package: Phosphor Icons
Category: Bold
Code Point: ec24

sidebar simple bold

Sigma Bold

ph-bold ph-sigma

Package: Phosphor Icons
Category: Bold
Code Point: eab8

sigma bold

Sign In Bold

ph-bold ph-sign-in

Package: Phosphor Icons
Category: Bold
Code Point: e428

Sign Out Bold

ph-bold ph-sign-out

Package: Phosphor Icons
Category: Bold
Code Point: e42a

sign out bold

Signature Bold

ph-bold ph-signature

Package: Phosphor Icons
Category: Bold
Code Point: ebac

signature bold

Signpost Bold

ph-bold ph-signpost

Package: Phosphor Icons
Category: Bold
Code Point: e89c

signpost bold

Sim Card Bold

ph-bold ph-sim-card

Package: Phosphor Icons
Category: Bold
Code Point: e664

sim card bold

Siren Bold

ph-bold ph-siren

Package: Phosphor Icons
Category: Bold
Code Point: e9b8

siren bold

Sketch Logo Bold

ph-bold ph-sketch-logo

Package: Phosphor Icons
Category: Bold
Code Point: e42c

sketch logo bold

Skip Back Bold

ph-bold ph-skip-back

Package: Phosphor Icons
Category: Bold
Code Point: e5a4

skip back bold

Skip Back Circle Bold

ph-bold ph-skip-back-circle

Package: Phosphor Icons
Category: Bold
Code Point: e42e

skip back circle bold

Skip Forward Bold

ph-bold ph-skip-forward

Package: Phosphor Icons
Category: Bold
Code Point: e5a6

skip forward bold

Skip Forward Circle Bold

ph-bold ph-skip-forward-circle

Package: Phosphor Icons
Category: Bold
Code Point: e430

skip forward circle bold

Skull Bold

ph-bold ph-skull

Package: Phosphor Icons
Category: Bold
Code Point: e916

skull bold

Skype Logo Bold

ph-bold ph-skype-logo

Package: Phosphor Icons
Category: Bold
Code Point: e8dc

skype logo bold

Slack Logo Bold

ph-bold ph-slack-logo

Package: Phosphor Icons
Category: Bold
Code Point: e5a8

slack logo bold

Sliders Bold

ph-bold ph-sliders

Package: Phosphor Icons
Category: Bold
Code Point: e432

sliders bold

Sliders Horizontal Bold

ph-bold ph-sliders-horizontal

Package: Phosphor Icons
Category: Bold
Code Point: e434

sliders horizontal bold

Slideshow Bold

ph-bold ph-slideshow

Package: Phosphor Icons
Category: Bold
Code Point: ed32

slideshow bold

Smiley Angry Bold

ph-bold ph-smiley-angry

Package: Phosphor Icons
Category: Bold
Code Point: ec62

smiley angry bold

Smiley Blank Bold

ph-bold ph-smiley-blank

Package: Phosphor Icons
Category: Bold
Code Point: e438

smiley blank bold

Smiley Bold

ph-bold ph-smiley

Package: Phosphor Icons
Category: Bold
Code Point: e436

smiley bold

Smiley Meh Bold

ph-bold ph-smiley-meh

Package: Phosphor Icons
Category: Bold
Code Point: e43a

smiley meh bold

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

1,534 icons