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,590 icons

Matching "light"

Flag Pennant Light

ph-light ph-flag-pennant

Package
Phosphor Icons
Category
Light
Code Point
ecf0

Flame Light

ph-light ph-flame

Package
Phosphor Icons
Category
Light
Code Point
e624

Flashlight Light

ph-light ph-flashlight

Package
Phosphor Icons
Category
Light
Code Point
e246

Flask Light

ph-light ph-flask

Package
Phosphor Icons
Category
Light
Code Point
e79e

Flip Horizontal Light

ph-light ph-flip-horizontal

Package
Phosphor Icons
Category
Light
Code Point
ed6a

Flip Vertical Light

ph-light ph-flip-vertical

Package
Phosphor Icons
Category
Light
Code Point
ed6c

Floppy Disk Back Light

ph-light ph-floppy-disk-back

Package
Phosphor Icons
Category
Light
Code Point
eaf4

Floppy Disk Light

ph-light ph-floppy-disk

Package
Phosphor Icons
Category
Light
Code Point
e248

Flow Arrow Light

ph-light ph-flow-arrow

Package
Phosphor Icons
Category
Light
Code Point
e6ec

Flower Light

ph-light ph-flower

Package
Phosphor Icons
Category
Light
Code Point
e75e

Flower Lotus Light

ph-light ph-flower-lotus

Package
Phosphor Icons
Category
Light
Code Point
e6cc

Flower Tulip Light

ph-light ph-flower-tulip

Package
Phosphor Icons
Category
Light
Code Point
eacc

Flying Saucer Light

ph-light ph-flying-saucer

Package
Phosphor Icons
Category
Light
Code Point
eb4a

Folder Dashed Light

ph-light ph-folder-dashed

Package
Phosphor Icons
Category
Light
Code Point
e8f8

Folder Dotted Light

ph-light ph-folder-dotted

Package
Phosphor Icons
Category
Light
Code Point
e8f8

Folder Light

ph-light ph-folder

Package
Phosphor Icons
Category
Light
Code Point
e24a

Folder Lock Light

ph-light ph-folder-lock

Package
Phosphor Icons
Category
Light
Code Point
ea3c

Folder Minus Light

ph-light ph-folder-minus

Package
Phosphor Icons
Category
Light
Code Point
e254

Folder Notch Light

ph-light ph-folder-notch

Package
Phosphor Icons
Category
Light
Code Point
e24a

Folder Notch Minus Light

ph-light ph-folder-notch-minus

Package
Phosphor Icons
Category
Light
Code Point
e254

Folder Notch Open Light

ph-light ph-folder-notch-open

Package
Phosphor Icons
Category
Light
Code Point
e256

Folder Notch Plus Light

ph-light ph-folder-notch-plus

Package
Phosphor Icons
Category
Light
Code Point
e258

Folder Open Light

ph-light ph-folder-open

Package
Phosphor Icons
Category
Light
Code Point
e256

Folder Plus Light

ph-light ph-folder-plus

Package
Phosphor Icons
Category
Light
Code Point
e258

Folder Simple Dashed Light

ph-light ph-folder-simple-dashed

Package
Phosphor Icons
Category
Light
Code Point
ec2a

Folder Simple Dotted Light

ph-light ph-folder-simple-dotted

Package
Phosphor Icons
Category
Light
Code Point
ec2a

Folder Simple Light

ph-light ph-folder-simple

Package
Phosphor Icons
Category
Light
Code Point
e25a

Folder Simple Lock Light

ph-light ph-folder-simple-lock

Package
Phosphor Icons
Category
Light
Code Point
eb5e

Folder Simple Minus Light

ph-light ph-folder-simple-minus

Package
Phosphor Icons
Category
Light
Code Point
e25c

Folder Simple Plus Light

ph-light ph-folder-simple-plus

Package
Phosphor Icons
Category
Light
Code Point
e25e

Folder Simple Star Light

ph-light ph-folder-simple-star

Package
Phosphor Icons
Category
Light
Code Point
ec2e

Folder Simple User Light

ph-light ph-folder-simple-user

Package
Phosphor Icons
Category
Light
Code Point
eb60

Folder Star Light

ph-light ph-folder-star

Package
Phosphor Icons
Category
Light
Code Point
ea86

Folder User Light

ph-light ph-folder-user

Package
Phosphor Icons
Category
Light
Code Point
eb46

Folders Light

ph-light ph-folders

Package
Phosphor Icons
Category
Light
Code Point
e260

Football Helmet Light

ph-light ph-football-helmet

Package
Phosphor Icons
Category
Light
Code Point
ee4c

Football Light

ph-light ph-football

Package
Phosphor Icons
Category
Light
Code Point
e718

Footprints Light

ph-light ph-footprints

Package
Phosphor Icons
Category
Light
Code Point
ea88

Fork Knife Light

ph-light ph-fork-knife

Package
Phosphor Icons
Category
Light
Code Point
e262

Four K Light

ph-light ph-four-k

Package
Phosphor Icons
Category
Light
Code Point
ea5c

Frame Corners Light

ph-light ph-frame-corners

Package
Phosphor Icons
Category
Light
Code Point
e626

Framer Logo Light

ph-light ph-framer-logo

Package
Phosphor Icons
Category
Light
Code Point
e264

Function Light

ph-light ph-function

Package
Phosphor Icons
Category
Light
Code Point
ebe4

Funnel Light

ph-light ph-funnel

Package
Phosphor Icons
Category
Light
Code Point
e266

Funnel Simple Light

ph-light ph-funnel-simple

Package
Phosphor Icons
Category
Light
Code Point
e268

Funnel Simple X Light

ph-light ph-funnel-simple-x

Package
Phosphor Icons
Category
Light
Code Point
e26a

Funnel X Light

ph-light ph-funnel-x

Package
Phosphor Icons
Category
Light
Code Point
e26c

Game Controller Light

ph-light ph-game-controller

Package
Phosphor Icons
Category
Light
Code Point
e26e

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.