Icon Libraries

Font icons

A font icon is a graphic symbol or glyph that is created using font characters. Font icons are typically created using scalable vector graphics (SVGs) and are used as a font rather than an image. As a SVG character, the font icons can be easily resized and styled using CSS, and can also be loaded more efficiently than traditional image icons. Font icons are commonly used in web design to provide simple and scalable icons for buttons, navigation bars, symbols, and other user interface elements. They are often used in conjunction with web fonts, which are a collection of font files that can be loaded onto a web page and used to display text in a particular typeface. Some popular font icon libraries include Font Awesome, Material Design Icons, and Ionicons. These libraries provide a wide range of icons that can be easily integrated into a web project, and are typically free to use under an open source license.

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.

Surfing

Class: surfing
Category: activity
Code Point: e515

Switch Account

Class: switch_account
Category: activity
Code Point: e9ed

Swords

Class: swords
Category: activity
Code Point: f889

Theaters

Class: theaters
Category: activity
Code Point: e8da

Thermometer Gain

Class: thermometer_gain
Category: activity
Code Point: f6d8

Thermometer Loss

Class: thermometer_loss
Category: activity
Code Point: f6d7

Toys

Class: toys
Category: activity
Code Point: e332

Toys Fan

Class: toys_fan
Category: activity
Code Point: f887

Volunteer Activism

Class: volunteer_activism
Category: activity
Code Point: ea70

Water

Class: water
Category: activity
Code Point: f084

Water Full

Class: water_full
Category: activity
Code Point: f6d6

Water Loss

Class: water_loss
Category: activity
Code Point: f6d5

Water Medium

Class: water_medium
Category: activity
Code Point: f6d4

Waves

Class: waves
Category: activity
Code Point: e176

1X Mobiledata

Class: 1x_mobiledata
Category: android
Code Point: efcd

1X Mobiledata Badge

Class: 1x_mobiledata_badge
Category: android
Code Point: f7f1

3G Mobiledata

Class: 3g_mobiledata
Category: android
Code Point: efd0

3G Mobiledata Badge

Class: 3g_mobiledata_badge
Category: android
Code Point: f7f0

4G Mobiledata

Class: 4g_mobiledata
Category: android
Code Point: efd2

4G Mobiledata Badge

Class: 4g_mobiledata_badge
Category: android
Code Point: f7ef

4G Plus Mobiledata

Class: 4g_plus_mobiledata
Category: android
Code Point: efd3

5G

Class: 5g
Category: android
Code Point: ef38

5G Mobiledata Badge

Class: 5g_mobiledata_badge
Category: android
Code Point: f7ee

Adb

Class: adb
Category: android
Code Point: e60e

Airplanemode Active

Class: airplanemode_active
Category: android
Code Point: e195

Airplanemode Inactive

Class: airplanemode_inactive
Category: android
Code Point: e194

Android

Class: android
Category: android
Code Point: e859

Apk Document

Class: apk_document
Category: android
Code Point: f88e

Apk Install

Class: apk_install
Category: android
Code Point: f88f

Backlight High

Class: backlight_high
Category: android
Code Point: f7ed

Backlight Low

Class: backlight_low
Category: android
Code Point: f7ec

Badge Critical Battery

Class: badge_critical_battery
Category: android
Code Point: f147

Battery Bar

Class: battery_0_bar
Category: android
Code Point: ebdc

Battery 1 Bar

Class: battery_1_bar
Category: android
Code Point: ebd9

Battery 2 Bar

Class: battery_2_bar
Category: android
Code Point: ebe0

Battery 20

Class: battery_20
Category: android
Code Point: f09c

Battery 3 Bar

Class: battery_3_bar
Category: android
Code Point: ebdd

Battery 30

Class: battery_30
Category: android
Code Point: f09d

Battery 4 Bar

Class: battery_4_bar
Category: android
Code Point: ebe2

Battery 5 Bar

Class: battery_5_bar
Category: android
Code Point: ebd4

Battery 50

Class: battery_50
Category: android
Code Point: f09e

Battery 6 Bar

Class: battery_6_bar
Category: android
Code Point: ebd2

Battery 60

Class: battery_60
Category: android
Code Point: f09f

Battery 80

Class: battery_80
Category: android
Code Point: f0a0

Battery 90

Class: battery_90
Category: android
Code Point: f0a1

Battery Alert

Class: battery_alert
Category: android
Code Point: e19c

Battery Change

Class: battery_change
Category: android
Code Point: f7eb

Battery Charging 20

Class: battery_charging_20
Category: android
Code Point: f0a2

Battery Charging 30

Class: battery_charging_30
Category: android
Code Point: f0a3

Battery Charging 50

Class: battery_charging_50
Category: android
Code Point: f0a4

Battery Charging 60

Class: battery_charging_60
Category: android
Code Point: f0a5

Battery Charging 80

Class: battery_charging_80
Category: android
Code Point: f0a6

Battery Charging 90

Class: battery_charging_90
Category: android
Code Point: f0a7

Battery Charging Full

Class: battery_charging_full
Category: android
Code Point: e1a3

Battery Error

Class: battery_error
Category: android
Code Point: f7ea

Battery Full

Class: battery_full
Category: android
Code Point: e1a4

Battery Full Alt

Class: battery_full_alt
Category: android
Code Point: f13b

Battery Low

Class: battery_low
Category: android
Code Point: f155

Battery Plus

Class: battery_plus
Category: android
Code Point: f7e9

Battery Saver

Class: battery_saver
Category: android
Code Point: efde

Battery Unknown

Class: battery_unknown
Category: android
Code Point: e1a6

Battery Very Low

Class: battery_very_low
Category: android
Code Point: f156

Bluetooth

Class: bluetooth
Category: android
Code Point: e1a7

Bluetooth Connected

Class: bluetooth_connected
Category: android
Code Point: Not available

Bluetooth Disabled

Class: bluetooth_disabled
Category: android
Code Point: e1a9

Bluetooth Drive

Class: bluetooth_drive
Category: android
Code Point: efe5

Bluetooth Searching

Class: bluetooth_searching
Category: android
Code Point: e1aa

Brightness Empty

Class: brightness_empty
Category: android
Code Point: f7e8

Brightness High

Class: brightness_high
Category: android
Code Point: e1ac

Brightness Low

Class: brightness_low
Category: android
Code Point: e1ad

Brightness Medium

Class: brightness_medium
Category: android
Code Point: e1ae

Cable

Class: cable
Category: android
Code Point: efe6

Cameraswitch

Class: cameraswitch
Category: android
Code Point: efeb

Charger

Class: charger
Category: android
Code Point: e2ae

Dark Mode

Class: dark_mode
Category: android
Code Point: e51c

Data Saver On

Class: data_saver_on
Category: android
Code Point: eff3

Data Usage

Class: data_usage
Category: android
Code Point: e1af

Devices Fold

Class: devices_fold
Category: android
Code Point: ebde

Display External Input

Class: display_external_input
Category: android
Code Point: f7e7

Do Not Disturb On Total Silence

Class: do_not_disturb_on_total_silence
Category: android
Code Point: effb

Dock To Bottom

Class: dock_to_bottom
Category: android
Code Point: f7e6

Dock To Left

Class: dock_to_left
Category: android
Code Point: f7e5

Dock To Right

Class: dock_to_right
Category: android
Code Point: f7e4

Dual Screen

Class: dual_screen
Category: android
Code Point: f6cf

Dvr

Class: dvr
Category: android
Code Point: e1b2

E Mobiledata

Class: e_mobiledata
Category: android
Code Point: f002

E Mobiledata Badge

Class: e_mobiledata_badge
Category: android
Code Point: f7e3

Edgesensor High

Class: edgesensor_high
Category: android
Code Point: f005

Edgesensor Low

Class: edgesensor_low
Category: android
Code Point: f006

Ev Mobiledata Badge

Class: ev_mobiledata_badge
Category: android
Code Point: f7e2

Flashlight Off

Class: flashlight_off
Category: android
Code Point: f00a

Flashlight On

Class: flashlight_on
Category: android
Code Point: f00b

G Mobiledata

Class: g_mobiledata
Category: android
Code Point: f010

G Mobiledata Badge

Class: g_mobiledata_badge
Category: android
Code Point: f7e1

Gpp Bad

Class: gpp_bad
Category: android
Code Point: f012

Gpp Maybe

Class: gpp_maybe
Category: android
Code Point: f014