- Package
- Phosphor Icons
- Category
- Light
- Code Point
- e176
Font Icon Library
Phosphor Icons Search
Phosphor Icons
1,590 icons
Matching "light"
Chat Teardrop Light
ph-light ph-chat-teardrop
- Package
- Phosphor Icons
- Category
- Light
- Code Point
- e172
Chat Teardrop Slash Light
ph-light ph-chat-teardrop-slash
- Package
- Phosphor Icons
- Category
- Light
- Code Point
- e174
Chat Teardrop Text Light
ph-light ph-chat-teardrop-text
- Package
- Phosphor Icons
- Category
- Light
- Code Point
- e178
Chat Text Light
ph-light ph-chat-text
- Package
- Phosphor Icons
- Category
- Light
- Code Point
- e17a
Chats Circle Light
ph-light ph-chats-circle
- Package
- Phosphor Icons
- Category
- Light
- Code Point
- e17e
Chats Light
ph-light ph-chats
- Package
- Phosphor Icons
- Category
- Light
- Code Point
- e17c
Chats Teardrop Light
ph-light ph-chats-teardrop
- Package
- Phosphor Icons
- Category
- Light
- Code Point
- e180
Check Circle Light
ph-light ph-check-circle
- Package
- Phosphor Icons
- Category
- Light
- Code Point
- e184
Check Fat Light
ph-light ph-check-fat
- Package
- Phosphor Icons
- Category
- Light
- Code Point
- eba6
Check Light
ph-light ph-check
- Package
- Phosphor Icons
- Category
- Light
- Code Point
- e182
Check Square Light
ph-light ph-check-square
- Package
- Phosphor Icons
- Category
- Light
- Code Point
- e186
Check Square Offset Light
ph-light ph-check-square-offset
- Package
- Phosphor Icons
- Category
- Light
- Code Point
- e188
Checkerboard Light
ph-light ph-checkerboard
- Package
- Phosphor Icons
- Category
- Light
- Code Point
- e8c4
Checks Light
ph-light ph-checks
- Package
- Phosphor Icons
- Category
- Light
- Code Point
- e53a
Cheers Light
ph-light ph-cheers
- Package
- Phosphor Icons
- Category
- Light
- Code Point
- ea4a
Cheese Light
ph-light ph-cheese
- Package
- Phosphor Icons
- Category
- Light
- Code Point
- e9fe
Chef Hat Light
ph-light ph-chef-hat
- Package
- Phosphor Icons
- Category
- Light
- Code Point
- ed8e
Cherries Light
ph-light ph-cherries
- Package
- Phosphor Icons
- Category
- Light
- Code Point
- e830
Church Light
ph-light ph-church
- Package
- Phosphor Icons
- Category
- Light
- Code Point
- ecea
Cigarette Light
ph-light ph-cigarette
- Package
- Phosphor Icons
- Category
- Light
- Code Point
- ed90
Cigarette Slash Light
ph-light ph-cigarette-slash
- Package
- Phosphor Icons
- Category
- Light
- Code Point
- ed92
Circle Dashed Light
ph-light ph-circle-dashed
- Package
- Phosphor Icons
- Category
- Light
- Code Point
- e602
Circle Half Light
ph-light ph-circle-half
- Package
- Phosphor Icons
- Category
- Light
- Code Point
- e18c
Circle Half Tilt Light
ph-light ph-circle-half-tilt
- Package
- Phosphor Icons
- Category
- Light
- Code Point
- e18e
Circle Light
ph-light ph-circle
- Package
- Phosphor Icons
- Category
- Light
- Code Point
- e18a
Circle Notch Light
ph-light ph-circle-notch
- Package
- Phosphor Icons
- Category
- Light
- Code Point
- eb44
Circle Wavy Check Light
ph-light ph-circle-wavy-check
- Package
- Phosphor Icons
- Category
- Light
- Code Point
- e606
Circle Wavy Light
ph-light ph-circle-wavy
- Package
- Phosphor Icons
- Category
- Light
- Code Point
- e604
Circle Wavy Question Light
ph-light ph-circle-wavy-question
- Package
- Phosphor Icons
- Category
- Light
- Code Point
- e608
Circle Wavy Warning Light
ph-light ph-circle-wavy-warning
- Package
- Phosphor Icons
- Category
- Light
- Code Point
- e60c
Circles Four Light
ph-light ph-circles-four
- Package
- Phosphor Icons
- Category
- Light
- Code Point
- e190
Circles Three Light
ph-light ph-circles-three
- Package
- Phosphor Icons
- Category
- Light
- Code Point
- e192
Circles Three Plus Light
ph-light ph-circles-three-plus
- Package
- Phosphor Icons
- Category
- Light
- Code Point
- e194
Circuitry Light
ph-light ph-circuitry
- Package
- Phosphor Icons
- Category
- Light
- Code Point
- e9c2
City Light
ph-light ph-city
- Package
- Phosphor Icons
- Category
- Light
- Code Point
- ea6a
Clipboard Light
ph-light ph-clipboard
- Package
- Phosphor Icons
- Category
- Light
- Code Point
- e196
Clipboard Text Light
ph-light ph-clipboard-text
- Package
- Phosphor Icons
- Category
- Light
- Code Point
- e198
Clock Afternoon Light
ph-light ph-clock-afternoon
- Package
- Phosphor Icons
- Category
- Light
- Code Point
- e19c
Clock Clockwise Light
ph-light ph-clock-clockwise
- Package
- Phosphor Icons
- Category
- Light
- Code Point
- e19e
Clock Countdown Light
ph-light ph-clock-countdown
- Package
- Phosphor Icons
- Category
- Light
- Code Point
- ed2c
Clock Counter Clockwise Light
ph-light ph-clock-counter-clockwise
- Package
- Phosphor Icons
- Category
- Light
- Code Point
- e1a0
Clock Light
ph-light ph-clock
- Package
- Phosphor Icons
- Category
- Light
- Code Point
- e19a
Clock User Light
ph-light ph-clock-user
- Package
- Phosphor Icons
- Category
- Light
- Code Point
- edec
Closed Captioning Light
ph-light ph-closed-captioning
- Package
- Phosphor Icons
- Category
- Light
- Code Point
- e1a4
Cloud Arrow Down Light
ph-light ph-cloud-arrow-down
- Package
- Phosphor Icons
- Category
- Light
- Code Point
- e1ac
Cloud Arrow Up Light
ph-light ph-cloud-arrow-up
- Package
- Phosphor Icons
- Category
- Light
- Code Point
- e1ae
Cloud Check Light
ph-light ph-cloud-check
- Package
- Phosphor Icons
- Category
- Light
- Code Point
- e1b0
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.