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

1,787 icons

Matching "to"

Wave Sine Duotone

ph-duotone ph-wave-sine

Package
Phosphor Icons
Category
Duotone
Code Point
ea9a

Wave Square Duotone

ph-duotone ph-wave-square

Package
Phosphor Icons
Category
Duotone
Code Point
ea9e

Wave Triangle Duotone

ph-duotone ph-wave-triangle

Package
Phosphor Icons
Category
Duotone
Code Point
eaa0

Waveform Duotone

ph-duotone ph-waveform

Package
Phosphor Icons
Category
Duotone
Code Point
e802

Waveform Slash Duotone

ph-duotone ph-waveform-slash

Package
Phosphor Icons
Category
Duotone
Code Point
e800

Waves Duotone

ph-duotone ph-waves

Package
Phosphor Icons
Category
Duotone
Code Point
e6de

Webcam Duotone

ph-duotone ph-webcam

Package
Phosphor Icons
Category
Duotone
Code Point
e9b2

Webcam Slash Duotone

ph-duotone ph-webcam-slash

Package
Phosphor Icons
Category
Duotone
Code Point
ecdc

Webhooks Logo Duotone

ph-duotone ph-webhooks-logo

Package
Phosphor Icons
Category
Duotone
Code Point
ecae

Wechat Logo Duotone

ph-duotone ph-wechat-logo

Package
Phosphor Icons
Category
Duotone
Code Point
e8d2

Whatsapp Logo Duotone

ph-duotone ph-whatsapp-logo

Package
Phosphor Icons
Category
Duotone
Code Point
e5d0

Wheelchair Duotone

ph-duotone ph-wheelchair

Package
Phosphor Icons
Category
Duotone
Code Point
e4e8

Wheelchair Motion Duotone

ph-duotone ph-wheelchair-motion

Package
Phosphor Icons
Category
Duotone
Code Point
e89a

Wifi High Duotone

ph-duotone ph-wifi-high

Package
Phosphor Icons
Category
Duotone
Code Point
e4ea

Wifi Low Duotone

ph-duotone ph-wifi-low

Package
Phosphor Icons
Category
Duotone
Code Point
e4ec

Wifi Medium Duotone

ph-duotone ph-wifi-medium

Package
Phosphor Icons
Category
Duotone
Code Point
e4ee

Wifi None Duotone

ph-duotone ph-wifi-none

Package
Phosphor Icons
Category
Duotone
Code Point
e4f0

Wifi Slash Duotone

ph-duotone ph-wifi-slash

Package
Phosphor Icons
Category
Duotone
Code Point
e4f2

Wifi X Duotone

ph-duotone ph-wifi-x

Package
Phosphor Icons
Category
Duotone
Code Point
e4f4

Wind Duotone

ph-duotone ph-wind

Package
Phosphor Icons
Category
Duotone
Code Point
e5d2

Windmill Duotone

ph-duotone ph-windmill

Package
Phosphor Icons
Category
Duotone
Code Point
e9f8

Windows Logo Duotone

ph-duotone ph-windows-logo

Package
Phosphor Icons
Category
Duotone
Code Point
e692

Wine Duotone

ph-duotone ph-wine

Package
Phosphor Icons
Category
Duotone
Code Point
e6b2

Wrench Duotone

ph-duotone ph-wrench

Package
Phosphor Icons
Category
Duotone
Code Point
e5d4

X Circle Duotone

ph-duotone ph-x-circle

Package
Phosphor Icons
Category
Duotone
Code Point
e4f8

X Duotone

ph-duotone ph-x

Package
Phosphor Icons
Category
Duotone
Code Point
e4f6

X Logo Duotone

ph-duotone ph-x-logo

Package
Phosphor Icons
Category
Duotone
Code Point
e4bc

X Square Duotone

ph-duotone ph-x-square

Package
Phosphor Icons
Category
Duotone
Code Point
e4fa

Yarn Duotone

ph-duotone ph-yarn

Package
Phosphor Icons
Category
Duotone
Code Point
ed9a

Yin Yang Duotone

ph-duotone ph-yin-yang

Package
Phosphor Icons
Category
Duotone
Code Point
e92a

Youtube Logo Duotone

ph-duotone ph-youtube-logo

Package
Phosphor Icons
Category
Duotone
Code Point
e4fc

Align Bottom Fill

ph-fill ph-align-bottom

Package
Phosphor Icons
Category
Fill
Code Point
e506

Align Bottom Simple Fill

ph-fill ph-align-bottom-simple

Package
Phosphor Icons
Category
Fill
Code Point
eb0c

Align Top Fill

ph-fill ph-align-top

Package
Phosphor Icons
Category
Fill
Code Point
e512

Align Top Simple Fill

ph-fill ph-align-top-simple

Package
Phosphor Icons
Category
Fill
Code Point
eb14

App Store Logo Fill

ph-fill ph-app-store-logo

Package
Phosphor Icons
Category
Fill
Code Point
e974

Atom Fill

ph-fill ph-atom

Package
Phosphor Icons
Category
Fill
Code Point
e5e4

Bluetooth Connected Fill

ph-fill ph-bluetooth-connected

Package
Phosphor Icons
Category
Fill
Code Point
e0dc

Bluetooth Fill

ph-fill ph-bluetooth

Package
Phosphor Icons
Category
Fill
Code Point
e0da

Bluetooth Slash Fill

ph-fill ph-bluetooth-slash

Package
Phosphor Icons
Category
Fill
Code Point
e0de

Bluetooth X Fill

ph-fill ph-bluetooth-x

Package
Phosphor Icons
Category
Fill
Code Point
e0e0

Calculator Fill

ph-fill ph-calculator

Package
Phosphor Icons
Category
Fill
Code Point
e538

Cell Tower Fill

ph-fill ph-cell-tower

Package
Phosphor Icons
Category
Fill
Code Point
ebaa

Compass Tool Fill

ph-fill ph-compass-tool

Package
Phosphor Icons
Category
Fill
Code Point
ea0e

Computer Tower Fill

ph-fill ph-computer-tower

Package
Phosphor Icons
Category
Fill
Code Point
e548

Crane Tower Fill

ph-fill ph-crane-tower

Package
Phosphor Icons
Category
Fill
Code Point
ed49

Desktop Fill

ph-fill ph-desktop

Package
Phosphor Icons
Category
Fill
Code Point
e560

Desktop Tower Fill

ph-fill ph-desktop-tower

Package
Phosphor Icons
Category
Fill
Code Point
e562

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.