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.

Hamburger Duotone

ph-duotone ph-hamburger

Package: Phosphor Icons
Category: Duotone
Code Point: e790

hamburger duotone

Hammer Duotone

ph-duotone ph-hammer

Package: Phosphor Icons
Category: Duotone
Code Point: e80e

hammer duotone

Hand Arrow Down Duotone

ph-duotone ph-hand-arrow-down

Package: Phosphor Icons
Category: Duotone
Code Point: ea4e

hand arrow down duotone

Hand Arrow Up Duotone

ph-duotone ph-hand-arrow-up

Package: Phosphor Icons
Category: Duotone
Code Point: ee5a

hand arrow up duotone

Hand Coins Duotone

ph-duotone ph-hand-coins

Package: Phosphor Icons
Category: Duotone
Code Point: ea8c

hand coins duotone

Hand Deposit Duotone

ph-duotone ph-hand-deposit

Package: Phosphor Icons
Category: Duotone
Code Point: ee82

hand deposit duotone

Hand Duotone

ph-duotone ph-hand

Package: Phosphor Icons
Category: Duotone
Code Point: e298

hand duotone

Hand Eye Duotone

ph-duotone ph-hand-eye

Package: Phosphor Icons
Category: Duotone
Code Point: ea4c

hand eye duotone

Hand Fist Duotone

ph-duotone ph-hand-fist

Package: Phosphor Icons
Category: Duotone
Code Point: e57a

hand fist duotone

Hand Grabbing Duotone

ph-duotone ph-hand-grabbing

Package: Phosphor Icons
Category: Duotone
Code Point: e57c

hand grabbing duotone

Hand Heart Duotone

ph-duotone ph-hand-heart

Package: Phosphor Icons
Category: Duotone
Code Point: e810

hand heart duotone

Hand Palm Duotone

ph-duotone ph-hand-palm

Package: Phosphor Icons
Category: Duotone
Code Point: e57e

hand palm duotone

Hand Peace Duotone

ph-duotone ph-hand-peace

Package: Phosphor Icons
Category: Duotone
Code Point: e7cc

hand peace duotone

Hand Pointing Duotone

ph-duotone ph-hand-pointing

Package: Phosphor Icons
Category: Duotone
Code Point: e29a

hand pointing duotone

Hand Soap Duotone

ph-duotone ph-hand-soap

Package: Phosphor Icons
Category: Duotone
Code Point: e630

hand soap duotone

Hand Swipe Left Duotone

ph-duotone ph-hand-swipe-left

Package: Phosphor Icons
Category: Duotone
Code Point: ec94

hand swipe left duotone

Hand Swipe Right Duotone

ph-duotone ph-hand-swipe-right

Package: Phosphor Icons
Category: Duotone
Code Point: ec92

hand swipe right duotone

Hand Tap Duotone

ph-duotone ph-hand-tap

Package: Phosphor Icons
Category: Duotone
Code Point: ec90

hand tap duotone

Hand Waving Duotone

ph-duotone ph-hand-waving

Package: Phosphor Icons
Category: Duotone
Code Point: e580

hand waving duotone

Hand Withdraw Duotone

ph-duotone ph-hand-withdraw

Package: Phosphor Icons
Category: Duotone
Code Point: ee80

hand withdraw duotone

Handbag Duotone

ph-duotone ph-handbag

Package: Phosphor Icons
Category: Duotone
Code Point: e29c

handbag duotone

Handbag Simple Duotone

ph-duotone ph-handbag-simple

Package: Phosphor Icons
Category: Duotone
Code Point: e62e

handbag simple duotone

Hands Clapping Duotone

ph-duotone ph-hands-clapping

Package: Phosphor Icons
Category: Duotone
Code Point: e6a0

hands clapping duotone

Hands Praying Duotone

ph-duotone ph-hands-praying

Package: Phosphor Icons
Category: Duotone
Code Point: ecc8

hands praying duotone

Handshake Duotone

ph-duotone ph-handshake

Package: Phosphor Icons
Category: Duotone
Code Point: e582

handshake duotone

Hard Drive Duotone

ph-duotone ph-hard-drive

Package: Phosphor Icons
Category: Duotone
Code Point: e29e

hard drive duotone

Hard Drives Duotone

ph-duotone ph-hard-drives

Package: Phosphor Icons
Category: Duotone
Code Point: e2a0

hard drives duotone

Hard Hat Duotone

ph-duotone ph-hard-hat

Package: Phosphor Icons
Category: Duotone
Code Point: ed46

hard hat duotone

Hash Duotone

ph-duotone ph-hash

Package: Phosphor Icons
Category: Duotone
Code Point: e2a2

hash duotone

Hash Straight Duotone

ph-duotone ph-hash-straight

Package: Phosphor Icons
Category: Duotone
Code Point: e2a4

hash straight duotone

Head Circuit Duotone

ph-duotone ph-head-circuit

Package: Phosphor Icons
Category: Duotone
Code Point: e7d4

head circuit duotone

Headlights Duotone

ph-duotone ph-headlights

Package: Phosphor Icons
Category: Duotone
Code Point: e6fe

headlights duotone

Headphones Duotone

ph-duotone ph-headphones

Package: Phosphor Icons
Category: Duotone
Code Point: e2a6

headphones duotone

Headset Duotone

ph-duotone ph-headset

Package: Phosphor Icons
Category: Duotone
Code Point: e584

headset duotone

Heart Break Duotone

ph-duotone ph-heart-break

Package: Phosphor Icons
Category: Duotone
Code Point: ebe8

heart break duotone

Heart Duotone

ph-duotone ph-heart

Package: Phosphor Icons
Category: Duotone
Code Point: e2a8

heart duotone

Heart Half Duotone

ph-duotone ph-heart-half

Package: Phosphor Icons
Category: Duotone
Code Point: ec48

heart half duotone

Heart Straight Break Duotone

ph-duotone ph-heart-straight-break

Package: Phosphor Icons
Category: Duotone
Code Point: eb98

heart straight break duotone

Heart Straight Duotone

ph-duotone ph-heart-straight

Package: Phosphor Icons
Category: Duotone
Code Point: e2aa

heart straight duotone

Heartbeat Duotone

ph-duotone ph-heartbeat

Package: Phosphor Icons
Category: Duotone
Code Point: e2ac

heartbeat duotone

Hexagon Duotone

ph-duotone ph-hexagon

Package: Phosphor Icons
Category: Duotone
Code Point: e2ae

hexagon duotone

High Definition Duotone

ph-duotone ph-high-definition

Package: Phosphor Icons
Category: Duotone
Code Point: ea8e

high definition duotone

High Heel Duotone

ph-duotone ph-high-heel

Package: Phosphor Icons
Category: Duotone
Code Point: e8e8

high heel duotone

Highlighter Circle Duotone

ph-duotone ph-highlighter-circle

Package: Phosphor Icons
Category: Duotone
Code Point: e632

highlighter circle duotone

Highlighter Duotone

ph-duotone ph-highlighter

Package: Phosphor Icons
Category: Duotone
Code Point: ec76

highlighter duotone

Hockey Duotone

ph-duotone ph-hockey

Package: Phosphor Icons
Category: Duotone
Code Point: ec86

hockey duotone

Hoodie Duotone

ph-duotone ph-hoodie

Package: Phosphor Icons
Category: Duotone
Code Point: ecd0

hoodie duotone

Horse Duotone

ph-duotone ph-horse

Package: Phosphor Icons
Category: Duotone
Code Point: e2b0

horse duotone

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,335 votes

Choose up to 3 options.

Codex

Claude Code

Cursor

GitHub Copilot

Gemini / Jules

Devin

OpenClaw

Hermes Agent

Other

View Result

9,162 icons