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"

File C Regular

ph ph-file-c

Package
Phosphor Icons
Category
Regular
Code Point
eb32

File C Sharp Regular

ph ph-file-c-sharp

Package
Phosphor Icons
Category
Regular
Code Point
eb30

File Cloud Regular

ph ph-file-cloud

Package
Phosphor Icons
Category
Regular
Code Point
e95e

File Code Regular

ph ph-file-code

Package
Phosphor Icons
Category
Regular
Code Point
e914

File Cpp Regular

ph ph-file-cpp

Package
Phosphor Icons
Category
Regular
Code Point
eb2e

File Css Regular

ph ph-file-css

Package
Phosphor Icons
Category
Regular
Code Point
eb34

File Csv Regular

ph ph-file-csv

Package
Phosphor Icons
Category
Regular
Code Point
eb1c

File Doc Regular

ph ph-file-doc

Package
Phosphor Icons
Category
Regular
Code Point
eb1e

File Lock Regular

ph ph-file-lock

Package
Phosphor Icons
Category
Regular
Code Point
e95c

File Py Regular

ph ph-file-py

Package
Phosphor Icons
Category
Regular
Code Point
eb2c

File Search Regular

ph ph-file-search

Package
Phosphor Icons
Category
Regular
Code Point
e238

File Tsx Regular

ph ph-file-tsx

Package
Phosphor Icons
Category
Regular
Code Point
eb3c

File X Regular

ph ph-file-x

Package
Phosphor Icons
Category
Regular
Code Point
e23c

Film Reel Regular

ph ph-film-reel

Package
Phosphor Icons
Category
Regular
Code Point
e8c0

Film Script Regular

ph ph-film-script

Package
Phosphor Icons
Category
Regular
Code Point
eb50

Film Slate Regular

ph ph-film-slate

Package
Phosphor Icons
Category
Regular
Code Point
e8c2

Finn The Human Regular

ph ph-finn-the-human

Package
Phosphor Icons
Category
Regular
Code Point
e56c

Fire Truck Regular

ph ph-fire-truck

Package
Phosphor Icons
Category
Regular
Code Point
e574

Flag Banner Fold Regular

ph ph-flag-banner-fold

Package
Phosphor Icons
Category
Regular
Code Point
ecf2

Flag Checkered Regular

ph ph-flag-checkered

Package
Phosphor Icons
Category
Regular
Code Point
ea38

Flag Pennant Regular

ph ph-flag-pennant

Package
Phosphor Icons
Category
Regular
Code Point
ecf0

Flip Vertical Regular

ph ph-flip-vertical

Package
Phosphor Icons
Category
Regular
Code Point
ed6c

Floppy Disk Back Regular

ph ph-floppy-disk-back

Package
Phosphor Icons
Category
Regular
Code Point
eaf4

Flow Arrow Regular

ph ph-flow-arrow

Package
Phosphor Icons
Category
Regular
Code Point
e6ec

Flower Lotus Regular

ph ph-flower-lotus

Package
Phosphor Icons
Category
Regular
Code Point
e6cc

Flower Tulip Regular

ph ph-flower-tulip

Package
Phosphor Icons
Category
Regular
Code Point
eacc

Flying Saucer Regular

ph ph-flying-saucer

Package
Phosphor Icons
Category
Regular
Code Point
eb4a

Folder Lock Regular

ph ph-folder-lock

Package
Phosphor Icons
Category
Regular
Code Point
ea3c

Folder Notch Minus Regular

ph ph-folder-notch-minus

Package
Phosphor Icons
Category
Regular
Code Point
e254

Folder Notch Open Regular

ph ph-folder-notch-open

Package
Phosphor Icons
Category
Regular
Code Point
e256

Folder Notch Plus Regular

ph ph-folder-notch-plus

Package
Phosphor Icons
Category
Regular
Code Point
e258

Folder Notch Regular

ph ph-folder-notch

Package
Phosphor Icons
Category
Regular
Code Point
e24a

Folder Simple Dashed Regular

ph ph-folder-simple-dashed

Package
Phosphor Icons
Category
Regular
Code Point
ec2a

Folder Simple Dotted Regular

ph ph-folder-simple-dotted

Package
Phosphor Icons
Category
Regular
Code Point
ec2a

Folder Simple Lock Regular

ph ph-folder-simple-lock

Package
Phosphor Icons
Category
Regular
Code Point
eb5e

Folder Simple Minus Regular

ph ph-folder-simple-minus

Package
Phosphor Icons
Category
Regular
Code Point
e25c

Folder Simple Star Regular

ph ph-folder-simple-star

Package
Phosphor Icons
Category
Regular
Code Point
ec2e

Football Helmet Regular

ph ph-football-helmet

Package
Phosphor Icons
Category
Regular
Code Point
ee4c

Four K Regular

ph ph-four-k

Package
Phosphor Icons
Category
Regular
Code Point
ea5c

Frame Corners Regular

ph ph-frame-corners

Package
Phosphor Icons
Category
Regular
Code Point
e626

Function Regular

ph ph-function

Package
Phosphor Icons
Category
Regular
Code Point
ebe4

Funnel X Regular

ph ph-funnel-x

Package
Phosphor Icons
Category
Regular
Code Point
e26c

Game Controller Regular

ph ph-game-controller

Package
Phosphor Icons
Category
Regular
Code Point
e26e

Garage Regular

ph ph-garage

Package
Phosphor Icons
Category
Regular
Code Point
ecd6

Gas Can Regular

ph ph-gas-can

Package
Phosphor Icons
Category
Regular
Code Point
e8ce

Gear Fine Regular

ph ph-gear-fine

Package
Phosphor Icons
Category
Regular
Code Point
e87c

Git Branch Regular

ph ph-git-branch

Package
Phosphor Icons
Category
Regular
Code Point
e278

Git Commit Regular

ph ph-git-commit

Package
Phosphor Icons
Category
Regular
Code Point
e27a

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.