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

204 icons

Matching "and"

Airplane Landing Bold

ph-bold ph-airplane-landing

Package
Phosphor Icons
Category
Bold
Code Point
e502

Android Logo Bold

ph-bold ph-android-logo

Package
Phosphor Icons
Category
Bold
Code Point
e008

Bandaids Bold

ph-bold ph-bandaids

Package
Phosphor Icons
Category
Bold
Code Point
e0b2

Brandy Bold

ph-bold ph-brandy

Package
Phosphor Icons
Category
Bold
Code Point
e6b4

Codesandbox Logo Bold

ph-bold ph-codesandbox-logo

Package
Phosphor Icons
Category
Bold
Code Point
ea06

Command Bold

ph-bold ph-command

Package
Phosphor Icons
Category
Bold
Code Point
e1c4

Globe Stand Bold

ph-bold ph-globe-stand

Package
Phosphor Icons
Category
Bold
Code Point
e290

Hand Arrow Down Bold

ph-bold ph-hand-arrow-down

Package
Phosphor Icons
Category
Bold
Code Point
ea4e

Hand Arrow Up Bold

ph-bold ph-hand-arrow-up

Package
Phosphor Icons
Category
Bold
Code Point
ee5a

Hand Bold

ph-bold ph-hand

Package
Phosphor Icons
Category
Bold
Code Point
e298

Hand Coins Bold

ph-bold ph-hand-coins

Package
Phosphor Icons
Category
Bold
Code Point
ea8c

Hand Deposit Bold

ph-bold ph-hand-deposit

Package
Phosphor Icons
Category
Bold
Code Point
ee82

Hand Eye Bold

ph-bold ph-hand-eye

Package
Phosphor Icons
Category
Bold
Code Point
ea4c

Hand Fist Bold

ph-bold ph-hand-fist

Package
Phosphor Icons
Category
Bold
Code Point
e57a

Hand Grabbing Bold

ph-bold ph-hand-grabbing

Package
Phosphor Icons
Category
Bold
Code Point
e57c

Hand Heart Bold

ph-bold ph-hand-heart

Package
Phosphor Icons
Category
Bold
Code Point
e810

Hand Palm Bold

ph-bold ph-hand-palm

Package
Phosphor Icons
Category
Bold
Code Point
e57e

Hand Peace Bold

ph-bold ph-hand-peace

Package
Phosphor Icons
Category
Bold
Code Point
e7cc

Hand Pointing Bold

ph-bold ph-hand-pointing

Package
Phosphor Icons
Category
Bold
Code Point
e29a

Hand Soap Bold

ph-bold ph-hand-soap

Package
Phosphor Icons
Category
Bold
Code Point
e630

Hand Swipe Left Bold

ph-bold ph-hand-swipe-left

Package
Phosphor Icons
Category
Bold
Code Point
ec94

Hand Swipe Right Bold

ph-bold ph-hand-swipe-right

Package
Phosphor Icons
Category
Bold
Code Point
ec92

Hand Tap Bold

ph-bold ph-hand-tap

Package
Phosphor Icons
Category
Bold
Code Point
ec90

Hand Waving Bold

ph-bold ph-hand-waving

Package
Phosphor Icons
Category
Bold
Code Point
e580

Hand Withdraw Bold

ph-bold ph-hand-withdraw

Package
Phosphor Icons
Category
Bold
Code Point
ee80

Handbag Bold

ph-bold ph-handbag

Package
Phosphor Icons
Category
Bold
Code Point
e29c

Handbag Simple Bold

ph-bold ph-handbag-simple

Package
Phosphor Icons
Category
Bold
Code Point
e62e

Hands Clapping Bold

ph-bold ph-hands-clapping

Package
Phosphor Icons
Category
Bold
Code Point
e6a0

Hands Praying Bold

ph-bold ph-hands-praying

Package
Phosphor Icons
Category
Bold
Code Point
ecc8

Handshake Bold

ph-bold ph-handshake

Package
Phosphor Icons
Category
Bold
Code Point
e582

Island Bold

ph-bold ph-island

Package
Phosphor Icons
Category
Bold
Code Point
ee06

Magic Wand Bold

ph-bold ph-magic-wand

Package
Phosphor Icons
Category
Bold
Code Point
e6b6

Standard Definition Bold

ph-bold ph-standard-definition

Package
Phosphor Icons
Category
Bold
Code Point
ea90

Star And Crescent Bold

ph-bold ph-star-and-crescent

Package
Phosphor Icons
Category
Bold
Code Point
ecf4

Airplane Landing Duotone

ph-duotone ph-airplane-landing

Package
Phosphor Icons
Category
Duotone
Code Point
e502

Android Logo Duotone

ph-duotone ph-android-logo

Package
Phosphor Icons
Category
Duotone
Code Point
e008

Bandaids Duotone

ph-duotone ph-bandaids

Package
Phosphor Icons
Category
Duotone
Code Point
e0b2

Brandy Duotone

ph-duotone ph-brandy

Package
Phosphor Icons
Category
Duotone
Code Point
e6b4

Codesandbox Logo Duotone

ph-duotone ph-codesandbox-logo

Package
Phosphor Icons
Category
Duotone
Code Point
ea06

Command Duotone

ph-duotone ph-command

Package
Phosphor Icons
Category
Duotone
Code Point
e1c4

Globe Stand Duotone

ph-duotone ph-globe-stand

Package
Phosphor Icons
Category
Duotone
Code Point
e290

Hand Arrow Down Duotone

ph-duotone ph-hand-arrow-down

Package
Phosphor Icons
Category
Duotone
Code Point
ea4e

Hand Arrow Up Duotone

ph-duotone ph-hand-arrow-up

Package
Phosphor Icons
Category
Duotone
Code Point
ee5a

Hand Coins Duotone

ph-duotone ph-hand-coins

Package
Phosphor Icons
Category
Duotone
Code Point
ea8c

Hand Deposit Duotone

ph-duotone ph-hand-deposit

Package
Phosphor Icons
Category
Duotone
Code Point
ee82

Hand Duotone

ph-duotone ph-hand

Package
Phosphor Icons
Category
Duotone
Code Point
e298

Hand Eye Duotone

ph-duotone ph-hand-eye

Package
Phosphor Icons
Category
Duotone
Code Point
ea4c

Hand Fist Duotone

ph-duotone ph-hand-fist

Package
Phosphor Icons
Category
Duotone
Code Point
e57a

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.