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

4,773 icons

Matching "c"

Flag Banner Fold Thin

ph-thin ph-flag-banner-fold

Package
Phosphor Icons
Category
Thin
Code Point
ecf2

Flag Checkered Thin

ph-thin ph-flag-checkered

Package
Phosphor Icons
Category
Thin
Code Point
ea38

Flag Pennant Thin

ph-thin ph-flag-pennant

Package
Phosphor Icons
Category
Thin
Code Point
ecf0

Flip Vertical Thin

ph-thin ph-flip-vertical

Package
Phosphor Icons
Category
Thin
Code Point
ed6c

Floppy Disk Back Thin

ph-thin ph-floppy-disk-back

Package
Phosphor Icons
Category
Thin
Code Point
eaf4

Flow Arrow Thin

ph-thin ph-flow-arrow

Package
Phosphor Icons
Category
Thin
Code Point
e6ec

Flower Lotus Thin

ph-thin ph-flower-lotus

Package
Phosphor Icons
Category
Thin
Code Point
e6cc

Flower Tulip Thin

ph-thin ph-flower-tulip

Package
Phosphor Icons
Category
Thin
Code Point
eacc

Flying Saucer Thin

ph-thin ph-flying-saucer

Package
Phosphor Icons
Category
Thin
Code Point
eb4a

Folder Lock Thin

ph-thin ph-folder-lock

Package
Phosphor Icons
Category
Thin
Code Point
ea3c

Folder Notch Minus Thin

ph-thin ph-folder-notch-minus

Package
Phosphor Icons
Category
Thin
Code Point
e254

Folder Notch Open Thin

ph-thin ph-folder-notch-open

Package
Phosphor Icons
Category
Thin
Code Point
e256

Folder Notch Plus Thin

ph-thin ph-folder-notch-plus

Package
Phosphor Icons
Category
Thin
Code Point
e258

Folder Notch Thin

ph-thin ph-folder-notch

Package
Phosphor Icons
Category
Thin
Code Point
e24a

Folder Simple Dashed Thin

ph-thin ph-folder-simple-dashed

Package
Phosphor Icons
Category
Thin
Code Point
ec2a

Folder Simple Dotted Thin

ph-thin ph-folder-simple-dotted

Package
Phosphor Icons
Category
Thin
Code Point
ec2a

Folder Simple Lock Thin

ph-thin ph-folder-simple-lock

Package
Phosphor Icons
Category
Thin
Code Point
eb5e

Folder Simple Minus Thin

ph-thin ph-folder-simple-minus

Package
Phosphor Icons
Category
Thin
Code Point
e25c

Folder Simple Star Thin

ph-thin ph-folder-simple-star

Package
Phosphor Icons
Category
Thin
Code Point
ec2e

Football Helmet Thin

ph-thin ph-football-helmet

Package
Phosphor Icons
Category
Thin
Code Point
ee4c

Four K Thin

ph-thin ph-four-k

Package
Phosphor Icons
Category
Thin
Code Point
ea5c

Frame Corners Thin

ph-thin ph-frame-corners

Package
Phosphor Icons
Category
Thin
Code Point
e626

Function Thin

ph-thin ph-function

Package
Phosphor Icons
Category
Thin
Code Point
ebe4

Funnel X Thin

ph-thin ph-funnel-x

Package
Phosphor Icons
Category
Thin
Code Point
e26c

Game Controller Thin

ph-thin ph-game-controller

Package
Phosphor Icons
Category
Thin
Code Point
e26e

Garage Thin

ph-thin ph-garage

Package
Phosphor Icons
Category
Thin
Code Point
ecd6

Gas Can Thin

ph-thin ph-gas-can

Package
Phosphor Icons
Category
Thin
Code Point
e8ce

Gear Fine Thin

ph-thin ph-gear-fine

Package
Phosphor Icons
Category
Thin
Code Point
e87c

Git Branch Thin

ph-thin ph-git-branch

Package
Phosphor Icons
Category
Thin
Code Point
e278

Git Commit Thin

ph-thin ph-git-commit

Package
Phosphor Icons
Category
Thin
Code Point
e27a

Git Diff Thin

ph-thin ph-git-diff

Package
Phosphor Icons
Category
Thin
Code Point
e27c

Globe Hemisphere West Thin

ph-thin ph-globe-hemisphere-west

Package
Phosphor Icons
Category
Thin
Code Point
e28c

Goggles Thin

ph-thin ph-goggles

Package
Phosphor Icons
Category
Thin
Code Point
ecb4

Google Cardboard Logo Thin

ph-thin ph-google-cardboard-logo

Package
Phosphor Icons
Category
Thin
Code Point
e7b6

Google Chrome Logo Thin

ph-thin ph-google-chrome-logo

Package
Phosphor Icons
Category
Thin
Code Point
e976

Google Podcasts Logo Thin

ph-thin ph-google-podcasts-logo

Package
Phosphor Icons
Category
Thin
Code Point
eb94

Graduation Cap Thin

ph-thin ph-graduation-cap

Package
Phosphor Icons
Category
Thin
Code Point
e62c

Grains Slash Thin

ph-thin ph-grains-slash

Package
Phosphor Icons
Category
Thin
Code Point
ec6a

Grains Thin

ph-thin ph-grains

Package
Phosphor Icons
Category
Thin
Code Point
ec68

Graphics Card Thin

ph-thin ph-graphics-card

Package
Phosphor Icons
Category
Thin
Code Point
e612

Greater Than Thin

ph-thin ph-greater-than

Package
Phosphor Icons
Category
Thin
Code Point
edc4

Grid Nine Thin

ph-thin ph-grid-nine

Package
Phosphor Icons
Category
Thin
Code Point
ec8c

Hand Coins Thin

ph-thin ph-hand-coins

Package
Phosphor Icons
Category
Thin
Code Point
ea8c

Hand Eye Thin

ph-thin ph-hand-eye

Package
Phosphor Icons
Category
Thin
Code Point
ea4c

Hand Grabbing Thin

ph-thin ph-hand-grabbing

Package
Phosphor Icons
Category
Thin
Code Point
e57c

Hand Peace Thin

ph-thin ph-hand-peace

Package
Phosphor Icons
Category
Thin
Code Point
e7cc

Hand Swipe Left Thin

ph-thin ph-hand-swipe-left

Package
Phosphor Icons
Category
Thin
Code Point
ec94

Hand Swipe Right Thin

ph-thin ph-hand-swipe-right

Package
Phosphor Icons
Category
Thin
Code Point
ec92

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.