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.

Seat Bold

ph-bold ph-seat

Package: Phosphor Icons
Category: Bold
Code Point: eb8e

seat bold

Seatbelt Bold

ph-bold ph-seatbelt

Package: Phosphor Icons
Category: Bold
Code Point: edfe

seatbelt bold

Security Camera Bold

ph-bold ph-security-camera

Package: Phosphor Icons
Category: Bold
Code Point: eca4

security camera bold

Selection All Bold

ph-bold ph-selection-all

Package: Phosphor Icons
Category: Bold
Code Point: e746

selection all bold

Selection Background Bold

ph-bold ph-selection-background

Package: Phosphor Icons
Category: Bold
Code Point: eaf8

selection background bold

Selection Bold

ph-bold ph-selection

Package: Phosphor Icons
Category: Bold
Code Point: e69a

selection bold

Selection Foreground Bold

ph-bold ph-selection-foreground

Package: Phosphor Icons
Category: Bold
Code Point: eaf6

selection foreground bold

Selection Slash Bold

ph-bold ph-selection-slash

Package: Phosphor Icons
Category: Bold
Code Point: e69e

selection slash bold

Shapes Bold

ph-bold ph-shapes

Package: Phosphor Icons
Category: Bold
Code Point: ec5e

shapes bold

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 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

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

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 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

Sim Card Bold

ph-bold ph-sim-card

Package: Phosphor Icons
Category: Bold
Code Point: e664

sim card 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

Slack Logo Bold

ph-bold ph-slack-logo

Package: Phosphor Icons
Category: Bold
Code Point: e5a8

slack logo bold

Sliders Horizontal Bold

ph-bold ph-sliders-horizontal

Package: Phosphor Icons
Category: Bold
Code Point: e434

sliders horizontal 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 Meh Bold

ph-bold ph-smiley-meh

Package: Phosphor Icons
Category: Bold
Code Point: e43a

smiley meh bold

Smiley Sad Bold

ph-bold ph-smiley-sad

Package: Phosphor Icons
Category: Bold
Code Point: e43e

smiley sad bold

Snapchat Logo Bold

ph-bold ph-snapchat-logo

Package: Phosphor Icons
Category: Bold
Code Point: e668

snapchat logo bold

Sneaker Bold

ph-bold ph-sneaker

Package: Phosphor Icons
Category: Bold
Code Point: e80c

sneaker bold

Sneaker Move Bold

ph-bold ph-sneaker-move

Package: Phosphor Icons
Category: Bold
Code Point: ed60

sneaker move bold

Snowflake Bold

ph-bold ph-snowflake

Package: Phosphor Icons
Category: Bold
Code Point: e5aa

snowflake bold

Soccer Ball Bold

ph-bold ph-soccer-ball

Package: Phosphor Icons
Category: Bold
Code Point: e716

soccer ball bold

Solar Panel Bold

ph-bold ph-solar-panel

Package: Phosphor Icons
Category: Bold
Code Point: ed7a

solar panel bold

Solar Roof Bold

ph-bold ph-solar-roof

Package: Phosphor Icons
Category: Bold
Code Point: ed7b

solar roof 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

6,728 icons