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.

Paint Brush Broad Duotone

ph-duotone ph-paint-brush-broad

Package: Phosphor Icons
Category: Duotone
Code Point: e590

Paint Brush Duotone

ph-duotone ph-paint-brush

Package: Phosphor Icons
Category: Duotone
Code Point: e6f0

paint brush duotone

Paint Brush Household Duotone

ph-duotone ph-paint-brush-household

Package: Phosphor Icons
Category: Duotone
Code Point: e6f2

paint brush household duotone

Paint Bucket Duotone

ph-duotone ph-paint-bucket

Package: Phosphor Icons
Category: Duotone
Code Point: e392

paint bucket duotone

Park Duotone

ph-duotone ph-park

Package: Phosphor Icons
Category: Duotone
Code Point: ecb2

park duotone

Pen Nib Duotone

ph-duotone ph-pen-nib

Package: Phosphor Icons
Category: Duotone
Code Point: e3ac

pen nib duotone

Pen Nib Straight Duotone

ph-duotone ph-pen-nib-straight

Package: Phosphor Icons
Category: Duotone
Code Point: e64a

pen nib straight duotone

Pencil Circle Duotone

ph-duotone ph-pencil-circle

Package: Phosphor Icons
Category: Duotone
Code Point: e3b0

pencil circle duotone

Pencil Line Duotone

ph-duotone ph-pencil-line

Package: Phosphor Icons
Category: Duotone
Code Point: e3b2

pencil line duotone

Pencil Simple Duotone

ph-duotone ph-pencil-simple

Package: Phosphor Icons
Category: Duotone
Code Point: e3b4

pencil simple duotone

Pencil Simple Line Duotone

ph-duotone ph-pencil-simple-line

Package: Phosphor Icons
Category: Duotone
Code Point: ebc6

pencil simple line duotone

Percent Duotone

ph-duotone ph-percent

Package: Phosphor Icons
Category: Duotone
Code Point: e3b6

percent duotone

Person Simple Bike Duotone

ph-duotone ph-person-simple-bike

Package: Phosphor Icons
Category: Duotone
Code Point: e734

person simple bike duotone

Person Simple Snowboard Duotone

ph-duotone ph-person-simple-snowboard

Package: Phosphor Icons
Category: Duotone
Code Point: e71e

person simple snowboard duotone

Perspective Duotone

ph-duotone ph-perspective

Package: Phosphor Icons
Category: Duotone
Code Point: ebe6

perspective duotone

Phone Call Duotone

ph-duotone ph-phone-call

Package: Phosphor Icons
Category: Duotone
Code Point: e3ba

phone call duotone

Phone Disconnect Duotone

ph-duotone ph-phone-disconnect

Package: Phosphor Icons
Category: Duotone
Code Point: e3bc

phone disconnect duotone

Phone Duotone

ph-duotone ph-phone

Package: Phosphor Icons
Category: Duotone
Code Point: e3b8

phone duotone

Phone Incoming Duotone

ph-duotone ph-phone-incoming

Package: Phosphor Icons
Category: Duotone
Code Point: e3be

phone incoming duotone

Picnic Table Duotone

ph-duotone ph-picnic-table

Package: Phosphor Icons
Category: Duotone
Code Point: ee26

picnic table duotone

Piggy Bank Duotone

ph-duotone ph-piggy-bank

Package: Phosphor Icons
Category: Duotone
Code Point: ea04

piggy bank duotone

Pinwheel Duotone

ph-duotone ph-pinwheel

Package: Phosphor Icons
Category: Duotone
Code Point: eb9c

pinwheel duotone

Plant Duotone

ph-duotone ph-plant

Package: Phosphor Icons
Category: Duotone
Code Point: ebae

plant duotone

Play Pause Duotone

ph-duotone ph-play-pause

Package: Phosphor Icons
Category: Duotone
Code Point: e8be

play pause duotone

Plug Charging Duotone

ph-duotone ph-plug-charging

Package: Phosphor Icons
Category: Duotone
Code Point: eb5c

plug charging duotone

Plugs Connected Duotone

ph-duotone ph-plugs-connected

Package: Phosphor Icons
Category: Duotone
Code Point: eb5a

plugs connected duotone

Plugs Duotone

ph-duotone ph-plugs

Package: Phosphor Icons
Category: Duotone
Code Point: eb56

plugs duotone

Popcorn Duotone

ph-duotone ph-popcorn

Package: Phosphor Icons
Category: Duotone
Code Point: eb4e

popcorn duotone

Popsicle Duotone

ph-duotone ph-popsicle

Package: Phosphor Icons
Category: Duotone
Code Point: ebbe

popsicle duotone

Prohibit Duotone

ph-duotone ph-prohibit

Package: Phosphor Icons
Category: Duotone
Code Point: e3de

prohibit duotone

Prohibit Inset Duotone

ph-duotone ph-prohibit-inset

Package: Phosphor Icons
Category: Duotone
Code Point: e3e0

prohibit inset duotone

Rabbit Duotone

ph-duotone ph-rabbit

Package: Phosphor Icons
Category: Duotone
Code Point: eac2

rabbit duotone

Radio Button Duotone

ph-duotone ph-radio-button

Package: Phosphor Icons
Category: Duotone
Code Point: eb08

radio button duotone

Rainbow Cloud Duotone

ph-duotone ph-rainbow-cloud

Package: Phosphor Icons
Category: Duotone
Code Point: e59a

rainbow cloud duotone

Rainbow Duotone

ph-duotone ph-rainbow

Package: Phosphor Icons
Category: Duotone
Code Point: e598

rainbow duotone

Replit Logo Duotone

ph-duotone ph-replit-logo

Package: Phosphor Icons
Category: Duotone
Code Point: eb8a

replit logo duotone

Robot Duotone

ph-duotone ph-robot

Package: Phosphor Icons
Category: Duotone
Code Point: e762

robot duotone

Rows Plus Bottom Duotone

ph-duotone ph-rows-plus-bottom

Package: Phosphor Icons
Category: Duotone
Code Point: e59e

rows plus bottom duotone

Ruler Duotone

ph-duotone ph-ruler

Package: Phosphor Icons
Category: Duotone
Code Point: e6b8

ruler duotone

Sailboat Duotone

ph-duotone ph-sailboat

Package: Phosphor Icons
Category: Duotone
Code Point: e78a

sailboat duotone

Scan Duotone

ph-duotone ph-scan

Package: Phosphor Icons
Category: Duotone
Code Point: ebb6

scan duotone

Scan Smiley Duotone

ph-duotone ph-scan-smiley

Package: Phosphor Icons
Category: Duotone
Code Point: ebb4

scan smiley duotone

Scribble Duotone

ph-duotone ph-scribble

Package: Phosphor Icons
Category: Duotone
Code Point: e806

scribble duotone

Scribble Loop Duotone

ph-duotone ph-scribble-loop

Package: Phosphor Icons
Category: Duotone
Code Point: e662

scribble loop duotone

Scroll Duotone

ph-duotone ph-scroll

Package: Phosphor Icons
Category: Duotone
Code Point: eb7a

scroll duotone

Seat Duotone

ph-duotone ph-seat

Package: Phosphor Icons
Category: Duotone
Code Point: eb8e

seat duotone

Seatbelt Duotone

ph-duotone ph-seatbelt

Package: Phosphor Icons
Category: Duotone
Code Point: edfe

seatbelt duotone

Selection Background Duotone

ph-duotone ph-selection-background

Package: Phosphor Icons
Category: Duotone
Code Point: eaf8

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

3,848 icons