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.

Text H One Fill

ph-fill ph-text-h-one

Package: Phosphor Icons
Category: Fill
Code Point: e6bc

text h one fill

Text H Six Fill

ph-fill ph-text-h-six

Package: Phosphor Icons
Category: Fill
Code Point: e6c6

text h six fill

Text H Three Fill

ph-fill ph-text-h-three

Package: Phosphor Icons
Category: Fill
Code Point: e6c0

text h three fill

Text Italic Fill

ph-fill ph-text-italic

Package: Phosphor Icons
Category: Fill
Code Point: e5c0

text italic fill

Text Outdent Fill

ph-fill ph-text-outdent

Package: Phosphor Icons
Category: Fill
Code Point: ea1c

text outdent fill

Text Strikethrough Fill

ph-fill ph-text-strikethrough

Package: Phosphor Icons
Category: Fill
Code Point: e5c2

text strikethrough fill

Text Subscript Fill

ph-fill ph-text-subscript

Package: Phosphor Icons
Category: Fill
Code Point: ec98

text subscript fill

Text Superscript Fill

ph-fill ph-text-superscript

Package: Phosphor Icons
Category: Fill
Code Point: ec9a

text superscript fill

Text Underline Fill

ph-fill ph-text-underline

Package: Phosphor Icons
Category: Fill
Code Point: e5c4

text underline fill

Thermometer Cold Fill

ph-fill ph-thermometer-cold

Package: Phosphor Icons
Category: Fill
Code Point: e5c8

thermometer cold fill

Thermometer Fill

ph-fill ph-thermometer

Package: Phosphor Icons
Category: Fill
Code Point: e5c6

thermometer fill

Thermometer Hot Fill

ph-fill ph-thermometer-hot

Package: Phosphor Icons
Category: Fill
Code Point: e5ca

thermometer hot fill

Thermometer Simple Fill

ph-fill ph-thermometer-simple

Package: Phosphor Icons
Category: Fill
Code Point: e5cc

thermometer simple fill

Thumbs Down Fill

ph-fill ph-thumbs-down

Package: Phosphor Icons
Category: Fill
Code Point: e48c

thumbs down fill

Ticket Fill

ph-fill ph-ticket

Package: Phosphor Icons
Category: Fill
Code Point: e490

ticket fill

Tidal Logo Fill

ph-fill ph-tidal-logo

Package: Phosphor Icons
Category: Fill
Code Point: ed1c

tidal logo fill

Toilet Paper Fill

ph-fill ph-toilet-paper

Package: Phosphor Icons
Category: Fill
Code Point: e79c

toilet paper fill

Toolbox Fill

ph-fill ph-toolbox

Package: Phosphor Icons
Category: Fill
Code Point: eca0

toolbox fill

Tooth Fill

ph-fill ph-tooth

Package: Phosphor Icons
Category: Fill
Code Point: e9cc

tooth fill

Tornado Fill

ph-fill ph-tornado

Package: Phosphor Icons
Category: Fill
Code Point: e88c

tornado fill

Tractor Fill

ph-fill ph-tractor

Package: Phosphor Icons
Category: Fill
Code Point: ec6e

tractor fill

Traffic Cone Fill

ph-fill ph-traffic-cone

Package: Phosphor Icons
Category: Fill
Code Point: e9a8

traffic cone fill

Traffic Sign Fill

ph-fill ph-traffic-sign

Package: Phosphor Icons
Category: Fill
Code Point: e67a

traffic sign fill

Traffic Signal Fill

ph-fill ph-traffic-signal

Package: Phosphor Icons
Category: Fill
Code Point: e9aa

traffic signal fill

Tram Fill

ph-fill ph-tram

Package: Phosphor Icons
Category: Fill
Code Point: e9ec

tram fill

Treasure Chest Fill

ph-fill ph-treasure-chest

Package: Phosphor Icons
Category: Fill
Code Point: ede2

treasure chest fill

Tree Evergreen Fill

ph-fill ph-tree-evergreen

Package: Phosphor Icons
Category: Fill
Code Point: e6dc

tree evergreen fill

Tree Structure Fill

ph-fill ph-tree-structure

Package: Phosphor Icons
Category: Fill
Code Point: e67c

tree structure fill

Trend Down Fill

ph-fill ph-trend-down

Package: Phosphor Icons
Category: Fill
Code Point: e4ac

trend down fill

Trolley Suitcase Fill

ph-fill ph-trolley-suitcase

Package: Phosphor Icons
Category: Fill
Code Point: e5b4

trolley suitcase fill

Truck Fill

ph-fill ph-truck

Package: Phosphor Icons
Category: Fill
Code Point: e4b4

truck fill

Truck Trailer Fill

ph-fill ph-truck-trailer

Package: Phosphor Icons
Category: Fill
Code Point: e4b6

truck trailer fill

Twitch Logo Fill

ph-fill ph-twitch-logo

Package: Phosphor Icons
Category: Fill
Code Point: e5ce

twitch logo fill

Upload Simple Fill

ph-fill ph-upload-simple

Package: Phosphor Icons
Category: Fill
Code Point: e4c0

upload simple fill

User Check Fill

ph-fill ph-user-check

Package: Phosphor Icons
Category: Fill
Code Point: eafa

user check fill

User Circle Check Fill

ph-fill ph-user-circle-check

Package: Phosphor Icons
Category: Fill
Code Point: ec38

user circle check fill

User Circle Dashed Fill

ph-fill ph-user-circle-dashed

Package: Phosphor Icons
Category: Fill
Code Point: ec36

user circle dashed fill

User Circle Fill

ph-fill ph-user-circle

Package: Phosphor Icons
Category: Fill
Code Point: e4c4

user circle fill

User Circle Gear Fill

ph-fill ph-user-circle-gear

Package: Phosphor Icons
Category: Fill
Code Point: e4c6

user circle gear fill

User Circle Minus Fill

ph-fill ph-user-circle-minus

Package: Phosphor Icons
Category: Fill
Code Point: e4c8

user circle minus fill

User Circle Plus Fill

ph-fill ph-user-circle-plus

Package: Phosphor Icons
Category: Fill
Code Point: e4ca

user circle plus fill

User Fill

ph-fill ph-user

Package: Phosphor Icons
Category: Fill
Code Point: e4c2

user fill

User Focus Fill

ph-fill ph-user-focus

Package: Phosphor Icons
Category: Fill
Code Point: e6fc

user focus fill

User Gear Fill

ph-fill ph-user-gear

Package: Phosphor Icons
Category: Fill
Code Point: e4cc

user gear fill

User List Fill

ph-fill ph-user-list

Package: Phosphor Icons
Category: Fill
Code Point: e73c

user list fill

User Minus Fill

ph-fill ph-user-minus

Package: Phosphor Icons
Category: Fill
Code Point: e4ce

user minus fill

User Rectangle Fill

ph-fill ph-user-rectangle

Package: Phosphor Icons
Category: Fill
Code Point: e4d2

user rectangle fill

User Sound Fill

ph-fill ph-user-sound

Package: Phosphor Icons
Category: Fill
Code Point: eca8

user sound fill

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

4,773 icons