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.

Chats Teardrop Thin

ph-thin ph-chats-teardrop

Package: Phosphor Icons
Category: Thin
Code Point: e180

chats teardrop thin

Chats Thin

ph-thin ph-chats

Package: Phosphor Icons
Category: Thin
Code Point: e17c

chats thin

Check Fat Thin

ph-thin ph-check-fat

Package: Phosphor Icons
Category: Thin
Code Point: eba6

check fat thin

Chef Hat Thin

ph-thin ph-chef-hat

Package: Phosphor Icons
Category: Thin
Code Point: ed8e

chef hat thin

Coat Hanger Thin

ph-thin ph-coat-hanger

Package: Phosphor Icons
Category: Thin
Code Point: e7fe

coat hanger thin

Cowboy Hat Thin

ph-thin ph-cowboy-hat

Package: Phosphor Icons
Category: Thin
Code Point: ed12

cowboy hat thin

Database Thin

ph-thin ph-database

Package: Phosphor Icons
Category: Thin
Code Point: e1de

database thin

Device Rotate Thin

ph-thin ph-device-rotate

Package: Phosphor Icons
Category: Thin
Code Point: edf2

device rotate thin

Elevator Thin

ph-thin ph-elevator

Package: Phosphor Icons
Category: Thin
Code Point: ecc0

elevator thin

Escalator Down Thin

ph-thin ph-escalator-down

Package: Phosphor Icons
Category: Thin
Code Point: ecba

escalator down thin

Escalator Up Thin

ph-thin ph-escalator-up

Package: Phosphor Icons
Category: Thin
Code Point: ecbc

escalator up thin

Exclamation Mark Thin

ph-thin ph-exclamation-mark

Package: Phosphor Icons
Category: Thin
Code Point: ee44

exclamation mark thin

Feather Thin

ph-thin ph-feather

Package: Phosphor Icons
Category: Thin
Code Point: e9c0

feather thin

Film Slate Thin

ph-thin ph-film-slate

Package: Phosphor Icons
Category: Thin
Code Point: e8c2

film slate thin

Graduation Cap Thin

ph-thin ph-graduation-cap

Package: Phosphor Icons
Category: Thin
Code Point: e62c

graduation cap thin

Greater Than Or Equal Thin

ph-thin ph-greater-than-or-equal

Package: Phosphor Icons
Category: Thin
Code Point: eda2

greater than or equal

Greater Than Thin

ph-thin ph-greater-than

Package: Phosphor Icons
Category: Thin
Code Point: edc4

greater than thin

Hard Hat Thin

ph-thin ph-hard-hat

Package: Phosphor Icons
Category: Thin
Code Point: ed46

hard hat thin

Heartbeat Thin

ph-thin ph-heartbeat

Package: Phosphor Icons
Category: Thin
Code Point: e2ac

heartbeat thin

Identification Badge Thin

ph-thin ph-identification-badge

Package: Phosphor Icons
Category: Thin
Code Point: e6f6

identification badge thin

Identification Card Thin

ph-thin ph-identification-card

Package: Phosphor Icons
Category: Thin
Code Point: e2c8

identification card thin

Lemniscate Thin

ph-thin ph-lemniscate

Package: Phosphor Icons
Category: Thin
Code Point: e634

lemniscate thin

Lock Laminated Open Thin

ph-thin ph-lock-laminated-open

Package: Phosphor Icons
Category: Thin
Code Point: e304

lock laminated open thin

Lock Laminated Thin

ph-thin ph-lock-laminated

Package: Phosphor Icons
Category: Thin
Code Point: e302

lock laminated thin

Math Operations Thin

ph-thin ph-math-operations

Package: Phosphor Icons
Category: Thin
Code Point: e31e

math operations thin

Matrix Logo Thin

ph-thin ph-matrix-logo

Package: Phosphor Icons
Category: Thin
Code Point: ed64

matrix logo thin

Navigation Arrow Thin

ph-thin ph-navigation-arrow

Package: Phosphor Icons
Category: Thin
Code Point: eade

navigation arrow thin

Notification Thin

ph-thin ph-notification

Package: Phosphor Icons
Category: Thin
Code Point: e6fa

notification thin

Path Thin

ph-thin ph-path

Package: Phosphor Icons
Category: Thin
Code Point: e39c

path thin

Patreon Logo Thin

ph-thin ph-patreon-logo

Package: Phosphor Icons
Category: Thin
Code Point: e98a

patreon logo thin

Presentation Chart Thin

ph-thin ph-presentation-chart

Package: Phosphor Icons
Category: Thin
Code Point: e656

presentation chart thin

Presentation Thin

ph-thin ph-presentation

Package: Phosphor Icons
Category: Thin
Code Point: e654

presentation thin

Repeat Once Thin

ph-thin ph-repeat-once

Package: Phosphor Icons
Category: Thin
Code Point: e3f8

repeat once thin

Repeat Thin

ph-thin ph-repeat

Package: Phosphor Icons
Category: Thin
Code Point: e3f6

repeat thin

Sailboat Thin

ph-thin ph-sailboat

Package: Phosphor Icons
Category: Thin
Code Point: e78a

sailboat thin

Seat Thin

ph-thin ph-seat

Package: Phosphor Icons
Category: Thin
Code Point: eb8e

seat thin

Seatbelt Thin

ph-thin ph-seatbelt

Package: Phosphor Icons
Category: Thin
Code Point: edfe

seatbelt thin

Share Fat Thin

ph-thin ph-share-fat

Package: Phosphor Icons
Category: Thin
Code Point: ed52

share fat thin

Signature Thin

ph-thin ph-signature

Package: Phosphor Icons
Category: Thin
Code Point: ebac

signature thin

Snapchat Logo Thin

ph-thin ph-snapchat-logo

Package: Phosphor Icons
Category: Thin
Code Point: e668

snapchat logo thin

Strategy Thin

ph-thin ph-strategy

Package: Phosphor Icons
Category: Thin
Code Point: ea3a

strategy thin

Swatches Thin

ph-thin ph-swatches

Package: Phosphor Icons
Category: Thin
Code Point: e5b8

swatches thin

Translate Thin

ph-thin ph-translate

Package: Phosphor Icons
Category: Thin
Code Point: e4a2

translate thin

Vibrate Thin

ph-thin ph-vibrate

Package: Phosphor Icons
Category: Thin
Code Point: e4d8

vibrate thin

Watch Thin

ph-thin ph-watch

Package: Phosphor Icons
Category: Thin
Code Point: e4e6

watch thin

Wechat Logo Thin

ph-thin ph-wechat-logo

Package: Phosphor Icons
Category: Thin
Code Point: e8d2

wechat logo thin

Whatsapp Logo Thin

ph-thin ph-whatsapp-logo

Package: Phosphor Icons
Category: Thin
Code Point: e5d0

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

623 icons