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

428 icons

Matching "circle"

Circle Wavy Check Light

ph-light ph-circle-wavy-check

Package
Phosphor Icons
Category
Light
Code Point
e606
circle wavy check light

Circle Wavy Light

ph-light ph-circle-wavy

Package
Phosphor Icons
Category
Light
Code Point
e604
circle wavy light

Circle Wavy Question Light

ph-light ph-circle-wavy-question

Package
Phosphor Icons
Category
Light
Code Point
e608
circle wavy question light

Circle Wavy Warning Light

ph-light ph-circle-wavy-warning

Package
Phosphor Icons
Category
Light
Code Point
e60c
circle wavy warning light

Circles Four Light

ph-light ph-circles-four

Package
Phosphor Icons
Category
Light
Code Point
e190
circles four light

Circles Three Light

ph-light ph-circles-three

Package
Phosphor Icons
Category
Light
Code Point
e192
circles three light

Circles Three Plus Light

ph-light ph-circles-three-plus

Package
Phosphor Icons
Category
Light
Code Point
e194
circles three plus light

Currency Circle Dollar Light

ph-light ph-currency-circle-dollar

Package
Phosphor Icons
Category
Light
Code Point
e54c
currency circle dollar light

Dots Three Circle Light

ph-light ph-dots-three-circle

Package
Phosphor Icons
Category
Light
Code Point
e200
dots three circle light

Dots Three Circle Vertical Light

ph-light ph-dots-three-circle-vertical

Package
Phosphor Icons
Category
Light
Code Point
e202
dots three circle vertical

Fast Forward Circle Light

ph-light ph-fast-forward-circle

Package
Phosphor Icons
Category
Light
Code Point
e22c
fast forward circle light

Highlighter Circle Light

ph-light ph-highlighter-circle

Package
Phosphor Icons
Category
Light
Code Point
e632
highlighter circle light

Letter Circle H Light

ph-light ph-letter-circle-h

Package
Phosphor Icons
Category
Light
Code Point
ebf8
letter circle h light

Letter Circle P Light

ph-light ph-letter-circle-p

Package
Phosphor Icons
Category
Light
Code Point
ec08
letter circle p light

Letter Circle V Light

ph-light ph-letter-circle-v

Package
Phosphor Icons
Category
Light
Code Point
ec14
letter circle v light

Marker Circle Light

ph-light ph-marker-circle

Package
Phosphor Icons
Category
Light
Code Point
e640
marker circle light

Minus Circle Light

ph-light ph-minus-circle

Package
Phosphor Icons
Category
Light
Code Point
e32c
minus circle light

Number Circle Eight Light

ph-light ph-number-circle-eight

Package
Phosphor Icons
Category
Light
Code Point
e352
number circle eight light

Number Circle Five Light

ph-light ph-number-circle-five

Package
Phosphor Icons
Category
Light
Code Point
e358
number circle five light

Number Circle Four Light

ph-light ph-number-circle-four

Package
Phosphor Icons
Category
Light
Code Point
e35e
number circle four light

Number Circle Nine Light

ph-light ph-number-circle-nine

Package
Phosphor Icons
Category
Light
Code Point
e364
number circle nine light

Number Circle One Light

ph-light ph-number-circle-one

Package
Phosphor Icons
Category
Light
Code Point
e36a
number circle one light

Number Circle Seven Light

ph-light ph-number-circle-seven

Package
Phosphor Icons
Category
Light
Code Point
e370
number circle seven light

Number Circle Six Light

ph-light ph-number-circle-six

Package
Phosphor Icons
Category
Light
Code Point
e376
number circle six light

Number Circle Three Light

ph-light ph-number-circle-three

Package
Phosphor Icons
Category
Light
Code Point
e37c
number circle three light

Number Circle Two Light

ph-light ph-number-circle-two

Package
Phosphor Icons
Category
Light
Code Point
e382
number circle two light

Number Circle Zero Light

ph-light ph-number-circle-zero

Package
Phosphor Icons
Category
Light
Code Point
e388
number circle zero light

Pause Circle Light

ph-light ph-pause-circle

Package
Phosphor Icons
Category
Light
Code Point
e3a0
pause circle light

Pencil Circle Light

ph-light ph-pencil-circle

Package
Phosphor Icons
Category
Light
Code Point
e3b0
pencil circle light

Person Simple Circle Light

ph-light ph-person-simple-circle

Package
Phosphor Icons
Category
Light
Code Point
ee58
person simple circle light

Play Circle Light

ph-light ph-play-circle

Package
Phosphor Icons
Category
Light
Code Point
e3d2
play circle light

Plus Circle Light

ph-light ph-plus-circle

Package
Phosphor Icons
Category
Light
Code Point
e3d6
plus circle light

Rewind Circle Light

ph-light ph-rewind-circle

Package
Phosphor Icons
Category
Light
Code Point
e3fa
rewind circle light

Skip Back Circle Light

ph-light ph-skip-back-circle

Package
Phosphor Icons
Category
Light
Code Point
e42e
skip back circle light

Skip Forward Circle Light

ph-light ph-skip-forward-circle

Package
Phosphor Icons
Category
Light
Code Point
e430
skip forward circle light

Stop Circle Light

ph-light ph-stop-circle

Package
Phosphor Icons
Category
Light
Code Point
e46e
stop circle light

User Circle Check Light

ph-light ph-user-circle-check

Package
Phosphor Icons
Category
Light
Code Point
ec38
user circle check light

User Circle Dashed Light

ph-light ph-user-circle-dashed

Package
Phosphor Icons
Category
Light
Code Point
ec36
user circle dashed light

User Circle Gear Light

ph-light ph-user-circle-gear

Package
Phosphor Icons
Category
Light
Code Point
e4c6
user circle gear light

User Circle Light

ph-light ph-user-circle

Package
Phosphor Icons
Category
Light
Code Point
e4c4
user circle light

User Circle Minus Light

ph-light ph-user-circle-minus

Package
Phosphor Icons
Category
Light
Code Point
e4c8
user circle minus light

User Circle Plus Light

ph-light ph-user-circle-plus

Package
Phosphor Icons
Category
Light
Code Point
e4ca
user circle plus light

Warning Circle Light

ph-light ph-warning-circle

Package
Phosphor Icons
Category
Light
Code Point
e4e2
warning circle light

X Circle Light

ph-light ph-x-circle

Package
Phosphor Icons
Category
Light
Code Point
e4f8
x circle light

Arrow Circle Down Left Regular

ph ph-arrow-circle-down-left

Package
Phosphor Icons
Category
Regular
Code Point
e02a
arrow circle down left

Arrow Circle Down Regular

ph ph-arrow-circle-down

Package
Phosphor Icons
Category
Regular
Code Point
e028
arrow circle down regular

Arrow Circle Down Right Regular

ph ph-arrow-circle-down-right

Package
Phosphor Icons
Category
Regular
Code Point
e02c
arrow circle down right

Arrow Circle Left Regular

ph ph-arrow-circle-left

Package
Phosphor Icons
Category
Regular
Code Point
e05a
arrow circle left regular

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.