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.

Mobile Off

Class: mobile_off
Category: hardware
Code Point: e201

Mobile Screen Share

Class: mobile_screen_share
Category: hardware
Code Point: e0e7

Monitor

Class: monitor
Category: hardware
Code Point: ef5b

Monitor Weight

Class: monitor_weight
Category: hardware
Code Point: f039

Mouse

Class: mouse
Category: hardware
Code Point: e323

Night Sight Max

Class: night_sight_max
Category: hardware
Code Point: f6c3

No Sim

Class: no_sim
Category: hardware
Code Point: e0cc

Offline Share

Class: offline_share
Category: hardware
Code Point: e9c5

Pacemaker

Class: pacemaker
Category: hardware
Code Point: e656

Perm Device Information

Class: perm_device_information
Category: hardware
Code Point: e8a5

Phone Android

Class: phone_android
Category: hardware
Code Point: e324

Phone Iphone

Class: phone_iphone
Category: hardware
Code Point: e325

Phonelink Off

Class: phonelink_off
Category: hardware
Code Point: e327

Phonelink Setup

Class: phonelink_setup
Category: hardware
Code Point: e0de

Point Of Sale

Class: point_of_sale
Category: hardware
Code Point: f17e

Power

Class: power
Category: hardware
Code Point: e63c

Power Input

Class: power_input
Category: hardware
Code Point: e336

Power Off

Class: power_off
Category: hardware
Code Point: e646

Print

Class: print
Category: hardware
Code Point: e8ad

Print Add

Class: print_add
Category: hardware
Code Point: f7a2

Print Connect

Class: print_connect
Category: hardware
Code Point: f7a1

Print Disabled

Class: print_disabled
Category: hardware
Code Point: e9cf

Print Error

Class: print_error
Category: hardware
Code Point: f7a0

Punch Clock

Class: punch_clock
Category: hardware
Code Point: eaa8

Ramp Left

Class: ramp_left
Category: hardware
Code Point: eb9c

Ramp Right

Class: ramp_right
Category: hardware
Code Point: eb96

Rear Camera

Class: rear_camera
Category: hardware
Code Point: f6c2

Remember Me

Class: remember_me
Category: hardware
Code Point: f051

Reset Tv

Class: reset_tv
Category: hardware
Code Point: e9d9

Robot

Class: robot
Category: hardware
Code Point: f882

Roundabout Left

Class: roundabout_left
Category: hardware
Code Point: eb99

Roundabout Right

Class: roundabout_right
Category: hardware
Code Point: eba3

Route

Class: route
Category: hardware
Code Point: eacd

Router

Class: router
Category: hardware
Code Point: e328

Save

Class: save
Category: hardware
Code Point: e161

Scale

Class: scale
Category: hardware
Code Point: eb5f

Scanner

Class: scanner
Category: hardware
Code Point: e329

Screen Lock Landscape

Class: screen_lock_landscape
Category: hardware
Code Point: e1be

Screen Lock Portrait

Class: screen_lock_portrait
Category: hardware
Code Point: e1bf

Screen Lock Rotation

Class: screen_lock_rotation
Category: hardware
Code Point: e1c0

Screen Rotation

Class: screen_rotation
Category: hardware
Code Point: e1c1

Screen Search Desktop

Class: screen_search_desktop
Category: hardware
Code Point: ef70

Screen Share

Class: screen_share
Category: hardware
Code Point: e0e2

Screenshot

Class: screenshot
Category: hardware
Code Point: f056

Screenshot Monitor

Class: screenshot_monitor
Category: hardware
Code Point: ec08

Screenshot Tablet

Class: screenshot_tablet
Category: hardware
Code Point: f697

Sd Card

Class: sd_card
Category: hardware
Code Point: e623

Sd Card Alert

Class: sd_card_alert
Category: hardware
Code Point: f057

Security Update Good

Class: security_update_good
Category: hardware
Code Point: f059

Security Update Warning

Class: security_update_warning
Category: hardware
Code Point: f05a

Send To Mobile

Class: send_to_mobile
Category: hardware
Code Point: f05c

Settings Cell

Class: settings_cell
Category: hardware
Code Point: e8bc

Settings Ethernet

Class: settings_ethernet
Category: hardware
Code Point: e8be

Settings Input Antenna

Class: settings_input_antenna
Category: hardware
Code Point: e8bf

Settings Input Component

Class: settings_input_component
Category: hardware
Code Point: e8c0

Settings Input Hdmi

Class: settings_input_hdmi
Category: hardware
Code Point: e8c2

Settings Input Svideo

Class: settings_input_svideo
Category: hardware
Code Point: e8c3

Settings Remote

Class: settings_remote
Category: hardware
Code Point: e8c7

Settop Component

Class: settop_component
Category: hardware
Code Point: e2ac

Sim Card

Class: sim_card
Category: hardware
Code Point: e32b

Smart Display

Class: smart_display
Category: hardware
Code Point: f06a

Smart Screen

Class: smart_screen
Category: hardware
Code Point: f06b

Smart Toy

Class: smart_toy
Category: hardware
Code Point: f06c

Smartphone

Class: smartphone
Category: hardware
Code Point: e32c

Speaker

Class: speaker
Category: hardware
Code Point: e32d

Speaker Group

Class: speaker_group
Category: hardware
Code Point: e32e

Stay Current Landscap

Class: stay_current_landscape
Category: hardware
Code Point: e0d3

Stay Current Portrait

Class: stay_current_portrait
Category: hardware
Code Point: e0d4

Stay Primary Landscape

Class: stay_primary_landscape
Category: hardware
Code Point: e0d5

Stay Primary Portrait

Class: stay_primary_portrait
Category: hardware
Code Point: e0d6

Stop Screen Share

Class: stop_screen_share
Category: hardware
Code Point: e0e3

Straight

Class: straight
Category: hardware
Code Point: eb95

Stream Apps

Class: stream_apps
Category: hardware
Code Point: f79f

System Update

Class: system_update
Category: hardware
Code Point: e62a

Tablet

Class: tablet
Category: hardware
Code Point: e32f

Tablet Android

Class: tablet_android
Category: hardware
Code Point: e330

Tablet Mac

Class: tablet_mac
Category: hardware
Code Point: e331

Tap And Play

Class: tap_and_play
Category: hardware
Code Point: e62b

Touchpad Mouse

Class: touchpad_mouse
Category: hardware
Code Point: f687

Tty

Class: tty
Category: hardware
Code Point: f1aa

Tv

Class: tv
Category: hardware
Code Point: e333

Tv Off

Class: tv_off
Category: hardware
Code Point: e647

Ventilator

Class: ventilator
Category: hardware
Code Point: e139

Vibration

Class: vibration
Category: hardware
Code Point: e62d

Videogame Asset

Class: videogame_asset
Category: hardware
Code Point: e338

Videogame Asset Off

Class: videogame_asset_off
Category: hardware
Code Point: e500

Watch

Class: watch
Category: hardware
Code Point: e334

Watch Button Press

Class: watch_button_press
Category: hardware
Code Point: f6aa

Watch Off

Class: watch_off
Category: hardware
Code Point: eae3

Watch Wake

Class: watch_wake
Category: hardware
Code Point: f6a9

Activity Zone

Class: activity_zone
Category: home
Code Point: e1e6

Airwave

Class: airwave
Category: home
Code Point: e29c

Arming Countdown

Class: arming_countdown
Category: home
Code Point: e78a

Arrows More Down

Class: arrows_more_down
Category: home
Code Point: f8ab

Arrows More Up

Class: arrows_more_up
Category: home
Code Point: f8ac

Assistant On Hub

Class: assistant_on_hub
Category: home
Code Point: f6c1