IP Location.net

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

623 icons

Matching "at"

Math Operations Fill

ph-fill ph-math-operations

Package
Phosphor Icons
Category
Fill
Code Point
e31e

Matrix Logo Fill

ph-fill ph-matrix-logo

Package
Phosphor Icons
Category
Fill
Code Point
ed64

Navigation Arrow Fill

ph-fill ph-navigation-arrow

Package
Phosphor Icons
Category
Fill
Code Point
eade

Notification Fill

ph-fill ph-notification

Package
Phosphor Icons
Category
Fill
Code Point
e6fa

Path Fill

ph-fill ph-path

Package
Phosphor Icons
Category
Fill
Code Point
e39c

Patreon Logo Fill

ph-fill ph-patreon-logo

Package
Phosphor Icons
Category
Fill
Code Point
e98a

Presentation Chart Fill

ph-fill ph-presentation-chart

Package
Phosphor Icons
Category
Fill
Code Point
e656

Presentation Fill

ph-fill ph-presentation

Package
Phosphor Icons
Category
Fill
Code Point
e654

Repeat Fill

ph-fill ph-repeat

Package
Phosphor Icons
Category
Fill
Code Point
e3f6

Repeat Once Fill

ph-fill ph-repeat-once

Package
Phosphor Icons
Category
Fill
Code Point
e3f8

Sailboat Fill

ph-fill ph-sailboat

Package
Phosphor Icons
Category
Fill
Code Point
e78a

Seat Fill

ph-fill ph-seat

Package
Phosphor Icons
Category
Fill
Code Point
eb8e

Seatbelt Fill

ph-fill ph-seatbelt

Package
Phosphor Icons
Category
Fill
Code Point
edfe

Share Fat Fill

ph-fill ph-share-fat

Package
Phosphor Icons
Category
Fill
Code Point
ed52

Signature Fill

ph-fill ph-signature

Package
Phosphor Icons
Category
Fill
Code Point
ebac

Snapchat Logo Fill

ph-fill ph-snapchat-logo

Package
Phosphor Icons
Category
Fill
Code Point
e668

Strategy Fill

ph-fill ph-strategy

Package
Phosphor Icons
Category
Fill
Code Point
ea3a

Swatches Fill

ph-fill ph-swatches

Package
Phosphor Icons
Category
Fill
Code Point
e5b8

Translate Fill

ph-fill ph-translate

Package
Phosphor Icons
Category
Fill
Code Point
e4a2

Vibrate Fill

ph-fill ph-vibrate

Package
Phosphor Icons
Category
Fill
Code Point
e4d8

Watch Fill

ph-fill ph-watch

Package
Phosphor Icons
Category
Fill
Code Point
e4e6

Wechat Logo Fill

ph-fill ph-wechat-logo

Package
Phosphor Icons
Category
Fill
Code Point
e8d2

Whatsapp Logo Fill

ph-fill ph-whatsapp-logo

Package
Phosphor Icons
Category
Fill
Code Point
e5d0

Approximate Equals Light

ph-light ph-approximate-equals

Package
Phosphor Icons
Category
Light
Code Point
edaa

Arrow Fat Down Light

ph-light ph-arrow-fat-down

Package
Phosphor Icons
Category
Light
Code Point
e518

Arrow Fat Left Light

ph-light ph-arrow-fat-left

Package
Phosphor Icons
Category
Light
Code Point
e51a

Arrow Fat Line Down Light

ph-light ph-arrow-fat-line-down

Package
Phosphor Icons
Category
Light
Code Point
e51c

Arrow Fat Line Left Light

ph-light ph-arrow-fat-line-left

Package
Phosphor Icons
Category
Light
Code Point
e51e

Arrow Fat Line Right Light

ph-light ph-arrow-fat-line-right

Package
Phosphor Icons
Category
Light
Code Point
e520

Arrow Fat Line Up Light

ph-light ph-arrow-fat-line-up

Package
Phosphor Icons
Category
Light
Code Point
e522

Arrow Fat Lines Down Light

ph-light ph-arrow-fat-lines-down

Package
Phosphor Icons
Category
Light
Code Point
e524

Arrow Fat Lines Left Light

ph-light ph-arrow-fat-lines-left

Package
Phosphor Icons
Category
Light
Code Point
e526

Arrow Fat Lines Right Light

ph-light ph-arrow-fat-lines-right

Package
Phosphor Icons
Category
Light
Code Point
e528

Arrow Fat Lines Up Light

ph-light ph-arrow-fat-lines-up

Package
Phosphor Icons
Category
Light
Code Point
e52a

Arrow Fat Right Light

ph-light ph-arrow-fat-right

Package
Phosphor Icons
Category
Light
Code Point
e52c

Arrow Fat Up Light

ph-light ph-arrow-fat-up

Package
Phosphor Icons
Category
Light
Code Point
e52e

At Light

ph-light ph-at

Package
Phosphor Icons
Category
Light
Code Point
e0ac

Atom Light

ph-light ph-atom

Package
Phosphor Icons
Category
Light
Code Point
e5e4

Bathtub Light

ph-light ph-bathtub

Package
Phosphor Icons
Category
Light
Code Point
e81e

Battery Charging Light

ph-light ph-battery-charging

Package
Phosphor Icons
Category
Light
Code Point
e0ba

Battery Charging Vertical Light

ph-light ph-battery-charging-vertical

Package
Phosphor Icons
Category
Light
Code Point
e0bc

Battery Empty Light

ph-light ph-battery-empty

Package
Phosphor Icons
Category
Light
Code Point
e0be

Battery Full Light

ph-light ph-battery-full

Package
Phosphor Icons
Category
Light
Code Point
e0c0

Battery High Light

ph-light ph-battery-high

Package
Phosphor Icons
Category
Light
Code Point
e0c2

Battery Low Light

ph-light ph-battery-low

Package
Phosphor Icons
Category
Light
Code Point
e0c4

Battery Medium Light

ph-light ph-battery-medium

Package
Phosphor Icons
Category
Light
Code Point
e0c6

Battery Plus Light

ph-light ph-battery-plus

Package
Phosphor Icons
Category
Light
Code Point
e808

Battery Plus Vertical Light

ph-light ph-battery-plus-vertical

Package
Phosphor Icons
Category
Light
Code Point
ec50

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.