Label important controls
Use visible text or accessible labels for buttons where the icon meaning may be ambiguous.
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.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.
A
Auto Activity Zone
- Class
- auto_activity_zone
- Category
- home
- Code Point
- f8ad
A
Auto Schedule
- Class
- auto_schedule
- Category
- home
- Code Point
- e214
B
Battery Horiz 000
- Class
- battery_horiz_000
- Category
- home
- Code Point
- f8ae
B
Battery Horiz 050
- Class
- battery_horiz_050
- Category
- home
- Code Point
- f8af
B
Battery Horiz 075
- Class
- battery_horiz_075
- Category
- home
- Code Point
- f8b0
B
Battery Profile
- Class
- battery_profile
- Category
- home
- Code Point
- e206
B
Battery Vert 005
- Class
- battery_vert_005
- Category
- home
- Code Point
- f8b1
B
Battery Vert 020
- Class
- battery_vert_020
- Category
- home
- Code Point
- f8b2
B
Battery Vert 050
- Class
- battery_vert_050
- Category
- home
- Code Point
- f8b3
C
Chromecast 2
- Class
- chromecast_2
- Category
- home
- Code Point
- f17b
C
Cleaning Bucket
- Class
- cleaning_bucket
- Category
- home
- Code Point
- f8b4
C
Climate Mini Split
- Class
- climate_mini_split
- Category
- home
- Code Point
- f8b5
C
Cool To Dry
- Class
- cool_to_dry
- Category
- home
- Code Point
- e276
D
Detection And Zone
- Class
- detection_and_zone
- Category
- home
- Code Point
- e29f
D
Detector
- Class
- detector
- Category
- home
- Code Point
- e282
D
Detector Alarm
- Class
- detector_alarm
- Category
- home
- Code Point
- e1f7
D
Detector Battery
- Class
- detector_battery
- Category
- home
- Code Point
- e204
D
Detector Co
- Class
- detector_co
- Category
- home
- Code Point
- e2af
D
Detector Offline
- Class
- detector_offline
- Category
- home
- Code Point
- e223
D
Detector Status
- Class
- detector_status
- Category
- home
- Code Point
- e1e8
D
Device Reset
- Class
- device_reset
- Category
- home
- Code Point
- e28e
D
Door Open
- Class
- door_open
- Category
- home
- Code Point
- e77c
D
Door Sensor
- Class
- door_sensor
- Category
- home
- Code Point
- e28a
D
Doorbell Chime
- Class
- doorbell_chime
- Category
- home
- Code Point
- e1f3
E
Early On
- Class
- early_on
- Category
- home
- Code Point
- e2ba
E
Ev Charger
- Class
- ev_charger
- Category
- home
- Code Point
- e209
F
Familiar Face And Zone
- Class
- familiar_face_and_zone
- Category
- home
- Code Point
- e21c
F
Floor Lamp
- Class
- floor_lamp
- Category
- home
- Code Point
- e21e
H
Heat Pump Balance
- Class
- heat_pump_balance
- Category
- home
- Code Point
- e27e
H
Home Max Dots
- Class
- home_max_dots
- Category
- home
- Code Point
- e849
H
Home Speaker
- Class
- home_speaker
- Category
- home
- Code Point
- f11c
H
Home Storage
- Class
- home_storage
- Category
- home
- Code Point
- f86c
H
House With Shield
- Class
- house_with_shield
- Category
- home
- Code Point
- e786
L
Laundry
- Class
- laundry
- Category
- home
- Code Point
- e2a8
L
Light Group
- Class
- light_group
- Category
- home
- Code Point
- e28b
M
Mfg Nest Yale Lock
- Class
- mfg_nest_yale_lock
- Category
- home
- Code Point
- f11d
M
Motion Sensor Active
- Class
- motion_sensor_active
- Category
- home
- Code Point
- e792
M
Motion Sensor Alert
- Class
- motion_sensor_alert
- Category
- home
- Code Point
- e784
M
Motion Sensor Idle
- Class
- motion_sensor_idle
- Category
- home
- Code Point
- e783
M
Motion Sensor Urgent
- Class
- motion_sensor_urgent
- Category
- home
- Code Point
- e78e
N
Nest Audio
- Class
- nest_audio
- Category
- home
- Code Point
- ebbf
N
Nest Cam Floodlight
- Class
- nest_cam_floodlight
- Category
- home
- Code Point
- f8b7
N
Nest Cam Indoor
- Class
- nest_cam_indoor
- Category
- home
- Code Point
- f11e
N
Nest Cam Iq
- Class
- nest_cam_iq
- Category
- home
- Code Point
- f11f
N
Nest Cam Iq Outdoor
- Class
- nest_cam_iq_outdoor
- Category
- home
- Code Point
- f120
N
Nest Cam Magnet Mount
- Class
- nest_cam_magnet_mount
- Category
- home
- Code Point
- f8b8
N
Nest Cam Outdoor
- Class
- nest_cam_outdoor
- Category
- home
- Code Point
- f121
N
Nest Cam Stand
- Class
- nest_cam_stand
- Category
- home
- Code Point
- f8b9
N
Nest Cam Wall Mount
- Class
- nest_cam_wall_mount
- Category
- home
- Code Point
- f8ba
N
Nest Cam Wired Stand
- Class
- nest_cam_wired_stand
- Category
- home
- Code Point
- ec16
N
Nest Clock Farsight Analog
- Class
- nest_clock_farsight_analog
- Category
- home
- Code Point
- f8bb
N
Nest Clock Farsight Digital
- Class
- nest_clock_farsight_digital
- Category
- home
- Code Point
- f8bc
N
Nest Connect
- Class
- nest_connect
- Category
- home
- Code Point
- f122
N
Nest Detect
- Class
- nest_detect
- Category
- home
- Code Point
- f123
N
Nest Display
- Class
- nest_display
- Category
- home
- Code Point
- f124
N
Nest Display Max
- Class
- nest_display_max
- Category
- home
- Code Point
- f125
N
Nest Doorbell Visitor
- Class
- nest_doorbell_visitor
- Category
- home
- Code Point
- f8bd
N
Nest Eco Leaf
- Class
- nest_eco_leaf
- Category
- home
- Code Point
- f8be
N
Nest Farsight Weather
- Class
- nest_farsight_weather
- Category
- home
- Code Point
- f8bf
N
Nest Found Savings
- Class
- nest_found_savings
- Category
- home
- Code Point
- f8c0
N
Nest Heat Link E
- Class
- nest_heat_link_e
- Category
- home
- Code Point
- f126
N
Nest Heat Link Gen 3
- Class
- nest_heat_link_gen_3
- Category
- home
- Code Point
- f127
N
Nest Hello Doorbell
- Class
- nest_hello_doorbell
- Category
- home
- Code Point
- e82c
N
Nest Locator Tag
- Class
- nest_locator_tag
- Category
- home
- Code Point
- f8c1
N
Nest Mini
- Class
- nest_mini
- Category
- home
- Code Point
- e789
N
Nest Multi Room
- Class
- nest_multi_room
- Category
- home
- Code Point
- f8c2
N
Nest Remote
- Class
- nest_remote
- Category
- home
- Code Point
- f129
N
Nest Remote Comfort Sensor
- Class
- nest_remote_comfort_sensor
- Category
- home
- Code Point
- f12a
N
Nest Secure Alarm
- Class
- nest_secure_alarm
- Category
- home
- Code Point
- f12b
N
Nest Sunblock
- Class
- nest_sunblock
- Category
- home
- Code Point
- f8c3
N
Nest Tag
- Class
- nest_tag
- Category
- home
- Code Point
- f12c
N
Nest Thermostat E Eu
- Class
- nest_thermostat_e_eu
- Category
- home
- Code Point
- f12d
N
Nest Thermostat Gen 3
- Class
- nest_thermostat_gen_3
- Category
- home
- Code Point
- f12e
N
Nest Thermostat Sensor
- Class
- nest_thermostat_sensor
- Category
- home
- Code Point
- f12f
N
Nest Thermostat Sensor Eu
- Class
- nest_thermostat_sensor_eu
- Category
- home
- Code Point
- f130
N
Nest Thermostat Zirconium Eu
- Class
- nest_thermostat_zirconium_eu
- Category
- home
- Code Point
- f131
N
Nest True Radiant
- Class
- nest_true_radiant
- Category
- home
- Code Point
- f8c4
N
Nest Wake On Approach
- Class
- nest_wake_on_approach
- Category
- home
- Code Point
- f8c5
N
Nest Wake On Press
- Class
- nest_wake_on_press
- Category
- home
- Code Point
- f8c6
N
Nest Wifi Gale
- Class
- nest_wifi_gale
- Category
- home
- Code Point
- f132
N
Nest Wifi Mistral
- Class
- nest_wifi_mistral
- Category
- home
- Code Point
- f133
N
Nest Wifi Point
- Class
- nest_wifi_point
- Category
- home
- Code Point
- e83f
N
Nest Wifi Point Vento
- Class
- nest_wifi_point_vento
- Category
- home
- Code Point
- f134
N
Nest Wifi Router
- Class
- nest_wifi_router
- Category
- home
- Code Point
- e841
P
Power Rounded
- Class
- power_rounded
- Category
- home
- Code Point
- f8c7
P
Productivity
- Class
- productivity
- Category
- home
- Code Point
- e296
Q
Quiet Time
- Class
- quiet_time
- Category
- home
- Code Point
- e1f9
Q
Quiet Time Active
- Class
- quiet_time_active
- Category
- home
- Code Point
- e291
S
Self Care
- Class
- self_care
- Category
- home
- Code Point
- f86d
S
Settings Alert
- Class
- settings_alert
- Category
- home
- Code Point
- f143
S
Shield With Heart
- Class
- shield_with_heart
- Category
- home
- Code Point
- e78f
S
Shield With House
- Class
- shield_with_house
- Category
- home
- Code Point
- e78d
S
Stadia Controller
- Class
- stadia_controller
- Category
- home
- Code Point
- f135
T
Table Lamp
- Class
- table_lamp
- Category
- home
- Code Point
- e1f2
T
Tamper Detection On
- Class
- tamper_detection_on
- Category
- home
- Code Point
- f8c8
T
Temp Preferences Custom
- Class
- temp_preferences_custom
- Category
- home
- Code Point
- f8c9
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.