- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- ea24
Font Icon Library
Phosphor Icons Search
Phosphor Icons
6,728 icons
Matching "a"
File Jpg Duotone
ph-duotone ph-file-jpg
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- eb1a
File Jsx Duotone
ph-duotone ph-file-jsx
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- eb3a
File Magnifying Glass Duotone
ph-duotone ph-file-magnifying-glass
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- e238
File Text Duotone
ph-duotone ph-file-text
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- e23a
File Video Duotone
ph-duotone ph-file-video
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- ea22
Film Slate Duotone
ph-duotone ph-film-slate
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- e8c2
Finn The Human Duotone
ph-duotone ph-finn-the-human
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- e56c
First Aid Duotone
ph-duotone ph-first-aid
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- e56e
First Aid Kit Duotone
ph-duotone ph-first-aid-kit
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- e570
Fish Simple Duotone
ph-duotone ph-fish-simple
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- e72a
Flag Banner Duotone
ph-duotone ph-flag-banner
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- e622
Flag Banner Fold Duotone
ph-duotone ph-flag-banner-fold
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- ecf2
Flag Checkered Duotone
ph-duotone ph-flag-checkered
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- ea38
Flag Duotone
ph-duotone ph-flag
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- e244
Flag Pennant Duotone
ph-duotone ph-flag-pennant
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- ecf0
Flame Duotone
ph-duotone ph-flame
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- e624
Flashlight Duotone
ph-duotone ph-flashlight
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- e246
Flask Duotone
ph-duotone ph-flask
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- e79e
Flip Horizontal Duotone
ph-duotone ph-flip-horizontal
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- ed6a
Flip Vertical Duotone
ph-duotone ph-flip-vertical
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- ed6c
Floppy Disk Back Duotone
ph-duotone ph-floppy-disk-back
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- eaf4
Flow Arrow Duotone
ph-duotone ph-flow-arrow
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- e6ec
Flower Tulip Duotone
ph-duotone ph-flower-tulip
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- eacc
Flying Saucer Duotone
ph-duotone ph-flying-saucer
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- eb4a
Folder Dashed Duotone
ph-duotone ph-folder-dashed
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- e8f8
Folder Duotone
ph-duotone ph-folder
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- e24a
Folder Lock Duotone
ph-duotone ph-folder-lock
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- ea3c
Folder Simple Dashed Duotone
ph-duotone ph-folder-simple-dashed
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- ec2a
Folder Simple Duotone
ph-duotone ph-folder-simple
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- e25a
Folder Simple Star Duotone
ph-duotone ph-folder-simple-star
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- ec2e
Folder Star Duotone
ph-duotone ph-folder-star
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- ea86
Football Duotone
ph-duotone ph-football
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- e718
Football Helmet Duotone
ph-duotone ph-football-helmet
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- ee4c
Footprints Duotone
ph-duotone ph-footprints
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- ea88
Four K Duotone
ph-duotone ph-four-k
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- ea5c
Frame Corners Duotone
ph-duotone ph-frame-corners
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- e626
Framer Logo Duotone
ph-duotone ph-framer-logo
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- e264
Funnel Simple X Duotone
ph-duotone ph-funnel-simple-x
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- e26a
Game Controller Duotone
ph-duotone ph-game-controller
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- e26e
Garage Duotone
ph-duotone ph-garage
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- ecd6
Gas Can Duotone
ph-duotone ph-gas-can
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- e8ce
Gas Pump Duotone
ph-duotone ph-gas-pump
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- e768
Gauge Duotone
ph-duotone ph-gauge
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- e628
Gavel Duotone
ph-duotone ph-gavel
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- ea32
Gear Duotone
ph-duotone ph-gear
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- e270
Gear Fine Duotone
ph-duotone ph-gear-fine
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- e87c
Gear Six Duotone
ph-duotone ph-gear-six
- Package
- Phosphor Icons
- Category
- Duotone
- Code Point
- e272
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.