- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- e66a
Font Icon Library
Phosphor Icons Search
Phosphor Icons
6,828 icons
Matching "t"
Spinner Gap Duotone
ph-duotone ph-spinner-gap
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- e66c
Spiral Duotone
ph-duotone ph-spiral
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- e9fa
Split Horizontal Duotone
ph-duotone ph-split-horizontal
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- e872
Split Vertical Duotone
ph-duotone ph-split-vertical
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- e876
Spotify Logo Duotone
ph-duotone ph-spotify-logo
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- e66e
Spray Bottle Duotone
ph-duotone ph-spray-bottle
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- e7e4
Square Duotone
ph-duotone ph-square
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- e45e
Square Half Bottom Duotone
ph-duotone ph-square-half-bottom
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- eb16
Square Half Duotone
ph-duotone ph-square-half
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- e462
Square Logo Duotone
ph-duotone ph-square-logo
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- e690
Square Split Horizontal Duotone
ph-duotone ph-square-split-horizontal
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- e870
Square Split Vertical Duotone
ph-duotone ph-square-split-vertical
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- e874
Squares Four Duotone
ph-duotone ph-squares-four
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- e464
Stack Duotone
ph-duotone ph-stack
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- e466
Stack Minus Duotone
ph-duotone ph-stack-minus
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- edf4
Stack Overflow Logo Duotone
ph-duotone ph-stack-overflow-logo
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- eb78
Stack Plus Duotone
ph-duotone ph-stack-plus
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- edf6
Stack Simple Duotone
ph-duotone ph-stack-simple
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- e468
Stairs Duotone
ph-duotone ph-stairs
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- e8ec
Stamp Duotone
ph-duotone ph-stamp
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- ea48
Standard Definition Duotone
ph-duotone ph-standard-definition
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- ea90
Star And Crescent Duotone
ph-duotone ph-star-and-crescent
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- ecf4
Star Duotone
ph-duotone ph-star
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- e46a
Star Four Duotone
ph-duotone ph-star-four
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- e6a4
Star Half Duotone
ph-duotone ph-star-half
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- e70a
Star Of David Duotone
ph-duotone ph-star-of-david
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- e89e
Steam Logo Duotone
ph-duotone ph-steam-logo
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- ead4
Steering Wheel Duotone
ph-duotone ph-steering-wheel
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- e9ac
Steps Duotone
ph-duotone ph-steps
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- ecbe
Stethoscope Duotone
ph-duotone ph-stethoscope
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- e7ea
Sticker Duotone
ph-duotone ph-sticker
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- e5ac
Stool Duotone
ph-duotone ph-stool
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- ea44
Stop Circle Duotone
ph-duotone ph-stop-circle
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- e46e
Stop Duotone
ph-duotone ph-stop
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- e46c
Storefront Duotone
ph-duotone ph-storefront
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- e470
Strategy Duotone
ph-duotone ph-strategy
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- ea3a
Stripe Logo Duotone
ph-duotone ph-stripe-logo
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- e698
Student Duotone
ph-duotone ph-student
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- e73e
Subset Of Duotone
ph-duotone ph-subset-of
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- edc0
Subset Proper Of Duotone
ph-duotone ph-subset-proper-of
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- edb6
Subtitles Duotone
ph-duotone ph-subtitles
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- e1a8
Subtitles Slash Duotone
ph-duotone ph-subtitles-slash
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- e1a6
Subtract Duotone
ph-duotone ph-subtract
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- ebd6
Subtract Square Duotone
ph-duotone ph-subtract-square
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- ebd4
Subway Duotone
ph-duotone ph-subway
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- e498
Suitcase Duotone
ph-duotone ph-suitcase
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- e5ae
Suitcase Rolling Duotone
ph-duotone ph-suitcase-rolling
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- e9b0
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.
Related References
Continue with nearby symbol, code, and web design resources.
Symbol Codes
Search symbol codes by category or description, including Unicode, hex codes, HTML codes, HTML entities, and CSS entities.
HTML Color Codes
Browse common HTML color codes and convert between hex, RGB, and HSL color formats.
Font Generator
Create styled Unicode text variants for headings, profiles, bios, social posts, and design mockups.