IP Location.net
Sign In

Font Icon Library

Phosphor Icons Search

Font Icons
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.
Phosphor Icons

1,590 icons

Matching "light"

Solar Panel Light

ph-light ph-solar-panel

Package
Phosphor Icons
Category
Light
Code Point
ed7a
solar panel light

Solar Roof Light

ph-light ph-solar-roof

Package
Phosphor Icons
Category
Light
Code Point
ed7b
solar roof light

Sort Ascending Light

ph-light ph-sort-ascending

Package
Phosphor Icons
Category
Light
Code Point
e444
sort ascending light

Sort Descending Light

ph-light ph-sort-descending

Package
Phosphor Icons
Category
Light
Code Point
e446
sort descending light

Soundcloud Logo Light

ph-light ph-soundcloud-logo

Package
Phosphor Icons
Category
Light
Code Point
e8de
soundcloud logo light

Spade Light

ph-light ph-spade

Package
Phosphor Icons
Category
Light
Code Point
e448
spade light

Sparkle Light

ph-light ph-sparkle

Package
Phosphor Icons
Category
Light
Code Point
e6a2
sparkle light

Speaker Hifi Light

ph-light ph-speaker-hifi

Package
Phosphor Icons
Category
Light
Code Point
ea08
speaker hifi light

Speaker High Light

ph-light ph-speaker-high

Package
Phosphor Icons
Category
Light
Code Point
e44a
speaker high light

Speaker Low Light

ph-light ph-speaker-low

Package
Phosphor Icons
Category
Light
Code Point
e44c
speaker low light

Speaker None Light

ph-light ph-speaker-none

Package
Phosphor Icons
Category
Light
Code Point
e44e
speaker none light

Speaker Simple High Light

ph-light ph-speaker-simple-high

Package
Phosphor Icons
Category
Light
Code Point
e450
speaker simple high light

Speaker Simple Low Light

ph-light ph-speaker-simple-low

Package
Phosphor Icons
Category
Light
Code Point
e452
speaker simple low light

Speaker Simple None Light

ph-light ph-speaker-simple-none

Package
Phosphor Icons
Category
Light
Code Point
e454
speaker simple none light

Speaker Simple Slash Light

ph-light ph-speaker-simple-slash

Package
Phosphor Icons
Category
Light
Code Point
e456
speaker simple slash light

Speaker Simple X Light

ph-light ph-speaker-simple-x

Package
Phosphor Icons
Category
Light
Code Point
e458
speaker simple x light

Speaker Slash Light

ph-light ph-speaker-slash

Package
Phosphor Icons
Category
Light
Code Point
e45a
speaker slash light

Speaker X Light

ph-light ph-speaker-x

Package
Phosphor Icons
Category
Light
Code Point
e45c
speaker x light

Speedometer Light

ph-light ph-speedometer

Package
Phosphor Icons
Category
Light
Code Point
ee74
speedometer light

Sphere Light

ph-light ph-sphere

Package
Phosphor Icons
Category
Light
Code Point
ee66
sphere light

Spinner Ball Light

ph-light ph-spinner-ball

Package
Phosphor Icons
Category
Light
Code Point
ee28
spinner ball light

Spinner Gap Light

ph-light ph-spinner-gap

Package
Phosphor Icons
Category
Light
Code Point
e66c
spinner gap light

Spinner Light

ph-light ph-spinner

Package
Phosphor Icons
Category
Light
Code Point
e66a
spinner light

Spiral Light

ph-light ph-spiral

Package
Phosphor Icons
Category
Light
Code Point
e9fa
spiral light

Split Horizontal Light

ph-light ph-split-horizontal

Package
Phosphor Icons
Category
Light
Code Point
e872
split horizontal light

Split Vertical Light

ph-light ph-split-vertical

Package
Phosphor Icons
Category
Light
Code Point
e876
split vertical light

Spotify Logo Light

ph-light ph-spotify-logo

Package
Phosphor Icons
Category
Light
Code Point
e66e
spotify logo light

Spray Bottle Light

ph-light ph-spray-bottle

Package
Phosphor Icons
Category
Light
Code Point
e7e4
spray bottle light

Square Half Bottom Light

ph-light ph-square-half-bottom

Package
Phosphor Icons
Category
Light
Code Point
eb16
square half bottom light

Square Half Light

ph-light ph-square-half

Package
Phosphor Icons
Category
Light
Code Point
e462
square half light

Square Light

ph-light ph-square

Package
Phosphor Icons
Category
Light
Code Point
e45e
square light

Square Logo Light

ph-light ph-square-logo

Package
Phosphor Icons
Category
Light
Code Point
e690
square logo light

Square Split Horizontal Light

ph-light ph-square-split-horizontal

Package
Phosphor Icons
Category
Light
Code Point
e870
square split horizontal light

Square Split Vertical Light

ph-light ph-square-split-vertical

Package
Phosphor Icons
Category
Light
Code Point
e874
square split vertical light

Squares Four Light

ph-light ph-squares-four

Package
Phosphor Icons
Category
Light
Code Point
e464
squares four light

Stack Light

ph-light ph-stack

Package
Phosphor Icons
Category
Light
Code Point
e466
stack light

Stack Minus Light

ph-light ph-stack-minus

Package
Phosphor Icons
Category
Light
Code Point
edf4
stack minus light

Stack Overflow Logo Light

ph-light ph-stack-overflow-logo

Package
Phosphor Icons
Category
Light
Code Point
eb78
stack overflow logo light

Stack Plus Light

ph-light ph-stack-plus

Package
Phosphor Icons
Category
Light
Code Point
edf6
stack plus light

Stack Simple Light

ph-light ph-stack-simple

Package
Phosphor Icons
Category
Light
Code Point
e468
stack simple light

Stairs Light

ph-light ph-stairs

Package
Phosphor Icons
Category
Light
Code Point
e8ec
stairs light

Stamp Light

ph-light ph-stamp

Package
Phosphor Icons
Category
Light
Code Point
ea48
stamp light

Standard Definition Light

ph-light ph-standard-definition

Package
Phosphor Icons
Category
Light
Code Point
ea90
standard definition light

Star And Crescent Light

ph-light ph-star-and-crescent

Package
Phosphor Icons
Category
Light
Code Point
ecf4
star and crescent light

Star Four Light

ph-light ph-star-four

Package
Phosphor Icons
Category
Light
Code Point
e6a4
star four light

Star Half Light

ph-light ph-star-half

Package
Phosphor Icons
Category
Light
Code Point
e70a
star half light

Star Light

ph-light ph-star

Package
Phosphor Icons
Category
Light
Code Point
e46a
star light

Star Of David Light

ph-light ph-star-of-david

Package
Phosphor Icons
Category
Light
Code Point
e89e
star of david light

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.