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.

Tote Simple Duotone

ph-duotone ph-tote-simple

Package: Phosphor Icons
Category: Duotone
Code Point: e678

tote simple duotone

Towel Duotone

ph-duotone ph-towel

Package: Phosphor Icons
Category: Duotone
Code Point: ede6

towel duotone

Tractor Duotone

ph-duotone ph-tractor

Package: Phosphor Icons
Category: Duotone
Code Point: ec6e

tractor duotone

Trademark Duotone

ph-duotone ph-trademark

Package: Phosphor Icons
Category: Duotone
Code Point: e9f0

trademark duotone

Trademark Registered Duotone

ph-duotone ph-trademark-registered

Package: Phosphor Icons
Category: Duotone
Code Point: e3f4

trademark registered duotone

Traffic Cone Duotone

ph-duotone ph-traffic-cone

Package: Phosphor Icons
Category: Duotone
Code Point: e9a8

traffic cone duotone

Traffic Sign Duotone

ph-duotone ph-traffic-sign

Package: Phosphor Icons
Category: Duotone
Code Point: e67a

traffic sign duotone

Traffic Signal Duotone

ph-duotone ph-traffic-signal

Package: Phosphor Icons
Category: Duotone
Code Point: e9aa

traffic signal duotone

Train Duotone

ph-duotone ph-train

Package: Phosphor Icons
Category: Duotone
Code Point: e496

train duotone

Train Regional Duotone

ph-duotone ph-train-regional

Package: Phosphor Icons
Category: Duotone
Code Point: e49e

train regional duotone

Train Simple Duotone

ph-duotone ph-train-simple

Package: Phosphor Icons
Category: Duotone
Code Point: e4a0

train simple duotone

Tram Duotone

ph-duotone ph-tram

Package: Phosphor Icons
Category: Duotone
Code Point: e9ec

tram duotone

Translate Duotone

ph-duotone ph-translate

Package: Phosphor Icons
Category: Duotone
Code Point: e4a2

translate duotone

Trash Duotone

ph-duotone ph-trash

Package: Phosphor Icons
Category: Duotone
Code Point: e4a6

trash duotone

Trash Simple Duotone

ph-duotone ph-trash-simple

Package: Phosphor Icons
Category: Duotone
Code Point: e4a8

trash simple duotone

Tray Arrow Down Duotone

ph-duotone ph-tray-arrow-down

Package: Phosphor Icons
Category: Duotone
Code Point: e010

tray arrow down duotone

Tray Arrow Up Duotone

ph-duotone ph-tray-arrow-up

Package: Phosphor Icons
Category: Duotone
Code Point: ee52

tray arrow up duotone

Tray Duotone

ph-duotone ph-tray

Package: Phosphor Icons
Category: Duotone
Code Point: e4aa

tray duotone

Treasure Chest Duotone

ph-duotone ph-treasure-chest

Package: Phosphor Icons
Category: Duotone
Code Point: ede2

treasure chest duotone

Tree Duotone

ph-duotone ph-tree

Package: Phosphor Icons
Category: Duotone
Code Point: e6da

tree duotone

Tree Evergreen Duotone

ph-duotone ph-tree-evergreen

Package: Phosphor Icons
Category: Duotone
Code Point: e6dc

tree evergreen duotone

Tree Palm Duotone

ph-duotone ph-tree-palm

Package: Phosphor Icons
Category: Duotone
Code Point: e91a

tree palm duotone

Tree Structure Duotone

ph-duotone ph-tree-structure

Package: Phosphor Icons
Category: Duotone
Code Point: e67c

tree structure duotone

Tree View Duotone

ph-duotone ph-tree-view

Package: Phosphor Icons
Category: Duotone
Code Point: ee48

tree view duotone

Trend Down Duotone

ph-duotone ph-trend-down

Package: Phosphor Icons
Category: Duotone
Code Point: e4ac

trend down duotone

Trend Up Duotone

ph-duotone ph-trend-up

Package: Phosphor Icons
Category: Duotone
Code Point: e4ae

trend up duotone

Triangle Dashed Duotone

ph-duotone ph-triangle-dashed

Package: Phosphor Icons
Category: Duotone
Code Point: e4b2

triangle dashed duotone

Triangle Duotone

ph-duotone ph-triangle

Package: Phosphor Icons
Category: Duotone
Code Point: e4b0

triangle duotone

Trolley Duotone

ph-duotone ph-trolley

Package: Phosphor Icons
Category: Duotone
Code Point: e5b2

trolley duotone

Trolley Suitcase Duotone

ph-duotone ph-trolley-suitcase

Package: Phosphor Icons
Category: Duotone
Code Point: e5b4

trolley suitcase duotone

Trophy Duotone

ph-duotone ph-trophy

Package: Phosphor Icons
Category: Duotone
Code Point: e67e

trophy duotone

Truck Duotone

ph-duotone ph-truck

Package: Phosphor Icons
Category: Duotone
Code Point: e4b4

truck duotone

Truck Trailer Duotone

ph-duotone ph-truck-trailer

Package: Phosphor Icons
Category: Duotone
Code Point: e4b6

truck trailer duotone

Tumblr Logo Duotone

ph-duotone ph-tumblr-logo

Package: Phosphor Icons
Category: Duotone
Code Point: e8d4

tumblr logo duotone

Twitch Logo Duotone

ph-duotone ph-twitch-logo

Package: Phosphor Icons
Category: Duotone
Code Point: e5ce

twitch logo duotone

Twitter Logo Duotone

ph-duotone ph-twitter-logo

Package: Phosphor Icons
Category: Duotone
Code Point: e4ba

twitter logo duotone

Umbrella Duotone

ph-duotone ph-umbrella

Package: Phosphor Icons
Category: Duotone
Code Point: e684

umbrella duotone

Umbrella Simple Duotone

ph-duotone ph-umbrella-simple

Package: Phosphor Icons
Category: Duotone
Code Point: e686

umbrella simple duotone

Union Duotone

ph-duotone ph-union

Package: Phosphor Icons
Category: Duotone
Code Point: edbe

union duotone

Unite Duotone

ph-duotone ph-unite

Package: Phosphor Icons
Category: Duotone
Code Point: e87e

unite duotone

Unite Square Duotone

ph-duotone ph-unite-square

Package: Phosphor Icons
Category: Duotone
Code Point: e878

unite square duotone

Upload Duotone

ph-duotone ph-upload

Package: Phosphor Icons
Category: Duotone
Code Point: e4be

upload duotone

Upload Simple Duotone

ph-duotone ph-upload-simple

Package: Phosphor Icons
Category: Duotone
Code Point: e4c0

upload simple duotone

Usb Duotone

ph-duotone ph-usb

Package: Phosphor Icons
Category: Duotone
Code Point: e956

usb duotone

User Check Duotone

ph-duotone ph-user-check

Package: Phosphor Icons
Category: Duotone
Code Point: eafa

user check duotone

User Circle Check Duotone

ph-duotone ph-user-circle-check

Package: Phosphor Icons
Category: Duotone
Code Point: ec38

user circle check duotone

User Circle Dashed Duotone

ph-duotone ph-user-circle-dashed

Package: Phosphor Icons
Category: Duotone
Code Point: ec36

user circle dashed duotone

User Circle Duotone

ph-duotone ph-user-circle

Package: Phosphor Icons
Category: Duotone
Code Point: e4c4

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

4,774 icons