IP Location.net
Sign In

Font Icon Library

Font Awesome Icon Search

Font Icons
Search and preview Font Awesome icons, then copy the CSS class, HTML markup, or code point for your project. This reference covers the free Font Awesome 4.7 icon font and its familiar fa-prefixed CSS classes. 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.
Font Awesome

50 icons

Matching "on"

Amazon

fa fa-amazon

Package
Font Awesome
Category
Uncategorized
amazon

Audio Description

fa fa-audio-description

Package
Font Awesome
Category
Uncategorized
audio description

Chevron Circle Down

fa fa-chevron-circle-down

Package
Font Awesome
Category
Uncategorized
chevron circle down

Chevron Circle Left

fa fa-chevron-circle-left

Package
Font Awesome
Category
Uncategorized
chevron circle left

Chevron Circle Right

fa fa-chevron-circle-right

Package
Font Awesome
Category
Uncategorized
chevron circle right

Chevron Circle Up

fa fa-chevron-circle-up

Package
Font Awesome
Category
Uncategorized
chevron circle up

Chevron Down

fa fa-chevron-down

Package
Font Awesome
Category
Uncategorized
chevron down

Chevron Left

fa fa-chevron-left

Package
Font Awesome
Category
Uncategorized
chevron left

Chevron Right

fa fa-chevron-right

Package
Font Awesome
Category
Uncategorized
chevron right

Chevron Up

fa fa-chevron-up

Package
Font Awesome
Category
Uncategorized
chevron up

Clone

fa fa-clone

Package
Font Awesome
Category
Uncategorized
clone

Connectdevelop

fa fa-connectdevelop

Package
Font Awesome
Category
Uncategorized
connectdevelop

Contao

fa fa-contao

Package
Font Awesome
Category
Uncategorized
contao

Creative Commons

fa fa-creative-commons

Package
Font Awesome
Category
Uncategorized
creative commons

Diamond

fa fa-diamond

Package
Font Awesome
Category
Uncategorized
diamond

Exclamation

fa fa-exclamation

Package
Font Awesome
Category
Uncategorized
exclamation

Exclamation Circle

fa fa-exclamation-circle

Package
Font Awesome
Category
Uncategorized
exclamation circle

Exclamation Triangle

fa fa-exclamation-triangle

Package
Font Awesome
Category
Uncategorized
exclamation triangle

Font

fa fa-font

Package
Font Awesome
Category
Uncategorized
font

Font Awesome

fa fa-font-awesome

Package
Font Awesome
Category
Uncategorized
font awesome

Fonticons

fa fa-fonticons

Package
Font Awesome
Category
Uncategorized
fonticons

Graduation Cap

fa fa-graduation-cap

Package
Font Awesome
Category
Uncategorized
graduation cap

Headphones

fa fa-headphones

Package
Font Awesome
Category
Uncategorized
headphones

Institution

fa fa-institution

Package
Font Awesome
Category
Uncategorized
institution

Lemon O

fa fa-lemon-o

Package
Font Awesome
Category
Uncategorized
lemon o

Location Arrow

fa fa-location-arrow

Package
Font Awesome
Category
Uncategorized
location arrow

Long Arrow Down

fa fa-long-arrow-down

Package
Font Awesome
Category
Uncategorized
long arrow down

Long Arrow Left

fa fa-long-arrow-left

Package
Font Awesome
Category
Uncategorized
long arrow left

Long Arrow Right

fa fa-long-arrow-right

Package
Font Awesome
Category
Uncategorized
long arrow right

Long Arrow Up

fa fa-long-arrow-up

Package
Font Awesome
Category
Uncategorized
long arrow up

Low Vision

fa fa-low-vision

Package
Font Awesome
Category
Uncategorized
low vision

Microphone

fa fa-microphone

Package
Font Awesome
Category
Uncategorized
microphone

Microphone Slash

fa fa-microphone-slash

Package
Font Awesome
Category
Uncategorized
microphone slash

Mobile Phone

fa fa-mobile-phone

Package
Font Awesome
Category
Uncategorized
mobile phone

Money

fa fa-money

Package
Font Awesome
Category
Uncategorized
money

Moon O

fa fa-moon-o

Package
Font Awesome
Category
Uncategorized
moon o

Navicon

fa fa-navicon

Package
Font Awesome
Category
Uncategorized
navicon

Optin Monster

fa fa-optin-monster

Package
Font Awesome
Category
Uncategorized
optin monster

Phone

fa fa-phone

Package
Font Awesome
Category
Uncategorized
phone

Phone Square

fa fa-phone-square

Package
Font Awesome
Category
Uncategorized
phone square

Question

fa fa-question

Package
Font Awesome
Category
Uncategorized
question

Question Circle

fa fa-question-circle

Package
Font Awesome
Category
Uncategorized
question circle

Question Circle O

fa fa-question-circle-o

Package
Font Awesome
Category
Uncategorized
question circle o

Spoon

fa fa-spoon

Package
Font Awesome
Category
Uncategorized
spoon

Stumbleupon

fa fa-stumbleupon

Package
Font Awesome
Category
Uncategorized
stumbleupon

Stumbleupon Circle

fa fa-stumbleupon-circle

Package
Font Awesome
Category
Uncategorized
stumbleupon circle

Television

fa fa-television

Package
Font Awesome
Category
Uncategorized
television

Toggle On

fa fa-toggle-on

Package
Font Awesome
Category
Uncategorized
toggle on

Add Font Awesome 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://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

Reference version: 4.7.0

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.

Related References

Continue with nearby symbol, code, and web design resources.

Symbol Codes Search symbol codes by category or description, including Unicode, hex codes, HTML codes, HTML entities, and CSS entities. HTML Color Codes Browse common HTML color codes and convert between hex, RGB, and HSL color formats. Font Generator Create styled Unicode text variants for headings, profiles, bios, social posts, and design mockups.