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.

Light

Class: light
Category: household
Code Point: f02a

Living

Class: living
Category: household
Code Point: f02b

Matter

Class: matter
Category: household
Code Point: e907

Microwave

Class: microwave
Category: household
Code Point: f204

Microwave Gen

Class: microwave_gen
Category: household
Code Point: e847

Mode Cool

Class: mode_cool
Category: household
Code Point: f166

Mode Cool Off

Class: mode_cool_off
Category: household
Code Point: f167

Mode Fan

Class: mode_fan
Category: household
Code Point: f168

Mode Fan Off

Class: mode_fan_off
Category: household
Code Point: ec17

Mode Heat

Class: mode_heat
Category: household
Code Point: f16a

Mode Heat Cool

Class: mode_heat_cool
Category: household
Code Point: f16b

Mode Heat Off

Class: mode_heat_off
Category: household
Code Point: f16d

Mode Night

Class: mode_night
Category: household
Code Point: f036

Mode Off On

Class: mode_off_on
Category: household
Code Point: f16f

Mop

Class: mop
Category: household
Code Point: e28d

Multicooker

Class: multicooker
Category: household
Code Point: e293

Outdoor Grill

Class: outdoor_grill
Category: household
Code Point: ea47

Outlet

Class: outlet
Category: household
Code Point: f1d4

Oven Gen

Class: oven_gen
Category: household
Code Point: e843

Propane

Class: propane
Category: household
Code Point: ec14

Propane Tank

Class: propane_tank
Category: household
Code Point: ec13

Range Hood

Class: range_hood
Category: household
Code Point: e1ea

Remote Gen

Class: remote_gen
Category: household
Code Point: e83e

Roller Shades

Class: roller_shades
Category: household
Code Point: ec12

Roller Shades Closed

Class: roller_shades_closed
Category: household
Code Point: ec11

Roofing

Class: roofing
Category: household
Code Point: f201

Room Service

Class: room_service
Category: household
Code Point: eb49

Scene

Class: scene
Category: household
Code Point: e2a7

Sensor Door

Class: sensor_door
Category: household
Code Point: f1b5

Sensor Occupied

Class: sensor_occupied
Category: household
Code Point: ec10

Sensor Window

Class: sensor_window
Category: household
Code Point: f1b4

Sensors

Class: sensors
Category: household
Code Point: e51e

Sensors Off

Class: sensors_off
Category: household
Code Point: e51f

Shelves

Class: shelves
Category: household
Code Point: f86e

Shield Moon

Class: shield_moon
Category: household
Code Point: eaa9

Shower

Class: shower
Category: household
Code Point: f061

Single Bed

Class: single_bed
Category: household
Code Point: ea48

Smart Outlet

Class: smart_outlet
Category: household
Code Point: e844

Soap

Class: soap
Category: household
Code Point: f1b2

Sprinkler

Class: sprinkler
Category: household
Code Point: e29a

Stroller

Class: stroller
Category: household
Code Point: f1ae

Styler

Class: styler
Category: household
Code Point: e273

Switch

Class: switch
Category: household
Code Point: e1f4

Table Bar

Class: table_bar
Category: household
Code Point: ead2

Table Restaurant

Class: table_restaurant
Category: household
Code Point: eac6

Tamper Detection Off

Class: tamper_detection_off
Category: household
Code Point: e82e

Thermometer

Class: thermometer
Category: household
Code Point: e846

Thermostat Auto

Class: thermostat_auto
Category: household
Code Point: f077

Thermostat Carbon

Class: thermostat_carbon
Category: household
Code Point: f178

Tv Gen

Class: tv_gen
Category: household
Code Point: e830

Tv With Assistant

Class: tv_with_assistant
Category: household
Code Point: e785

Umbrella

Class: umbrella
Category: household
Code Point: f1ad

Valve

Class: valve
Category: household
Code Point: e224

Vertical Shades

Class: vertical_shades
Category: household
Code Point: ec0e

Vertical Shades Closed

Class: vertical_shades_closed
Category: household
Code Point: ec0d

Wash

Class: wash
Category: household
Code Point: f1b1

Water Damage

Class: water_damage
Category: household
Code Point: f203

Water Heater

Class: water_heater
Category: household
Code Point: e284

Weekend

Class: weekend
Category: household
Code Point: e16b

Window

Class: window
Category: household
Code Point: f088

Yard

Class: yard
Category: household
Code Point: f089

360

Class: 360
Category: maps
Code Point: e577

Add Home

Class: add_home
Category: maps
Code Point: f8eb

Add Home Work

Class: add_home_work
Category: maps
Code Point: f8ed

Add Location

Class: add_location
Category: maps
Code Point: e567

Add Location Alt

Class: add_location_alt
Category: maps
Code Point: ef3a

Add Road

Class: add_road
Category: maps
Code Point: ef3b

Airline Stops

Class: airline_stops
Category: maps
Code Point: e7d0

Alt Route

Class: alt_route
Category: maps
Code Point: f184

Assist Walker

Class: assist_walker
Category: maps
Code Point: f8d5

Baby Changing Station

Class: baby_changing_station
Category: maps
Code Point: f19b

Beenhere

Class: beenhere
Category: maps
Code Point: e52d

Business Center

Class: business_center
Category: maps
Code Point: eb3f

Castle

Class: castle
Category: maps
Code Point: eab1

Church

Class: church
Category: maps
Code Point: eaae

Cleaning Services

Class: cleaning_services
Category: maps
Code Point: f0ff

Compass Calibration

Class: compass_calibration
Category: maps
Code Point: e57c

Connecting Airports

Class: connecting_airports
Category: maps
Code Point: e7c9

Crisis Alert

Class: crisis_alert
Category: maps
Code Point: ebe9

Directions

Class: directions
Category: maps
Code Point: e52e

Directions Alt

Class: directions_alt
Category: maps
Code Point: f880

Directions Alt Off

Class: directions_alt_off
Category: maps
Code Point: f881

Directions Off

Class: directions_off
Category: maps
Code Point: f10f

Dry Cleaning

Class: dry_cleaning
Category: maps
Code Point: ea58

East

Class: east
Category: maps
Code Point: f1df

Edit Attributes

Class: edit_attributes
Category: maps
Code Point: e578

Edit Location Alt

Class: edit_location_alt
Category: maps
Code Point: e1c5

Edit Road

Class: edit_road
Category: maps
Code Point: ef4d

Electrical Services

Class: electrical_services
Category: maps
Code Point: f102

Emergency

Class: emergency
Category: maps
Code Point: e1eb

Ev Station

Class: ev_station
Category: maps
Code Point: e56d

Explore

Class: explore
Category: maps
Code Point: e87a

Explore Off

Class: explore_off
Category: maps
Code Point: e9a8

Factory

Class: factory
Category: maps
Code Point: ebbc

Fastfood

Class: fastfood
Category: maps
Code Point: e57a

Fire Hydrant

Class: fire_hydrant
Category: maps
Code Point: f1a3