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
Ads Click
- Class
- ads_click
- Category
- common_action
- Code Point
- e762
A
Alarm
- Class
- alarm
- Category
- common_action
- Code Point
- e855
A
Alarm Add
- Class
- alarm_add
- Category
- common_action
- Code Point
- e856
A
Alarm Off
- Class
- alarm_off
- Category
- common_action
- Code Point
- e857
A
Alarm Smart Wake
- Class
- alarm_smart_wake
- Category
- common_action
- Code Point
- f6b0
A
Alarm On
- Class
- alarm_on
- Category
- common_action
- Code Point
- e858
A
All Inclusive
- Class
- all_inclusive
- Category
- common_action
- Code Point
- eb3d
A
All Out
- Class
- all_out
- Category
- common_action
- Code Point
- e90b
A
Anchor
- Class
- anchor
- Category
- common_action
- Code Point
- f1cd
A
Api
- Class
- api
- Category
- common_action
- Code Point
- f1b7
A
App Shortcut
- Class
- app_shortcut
- Category
- common_action
- Code Point
- eae4
A
Approval
- Class
- approval
- Category
- common_action
- Code Point
- e982
A
Approval Delegation
- Class
- approval_delegation
- Category
- common_action
- Code Point
- f84a
A
Arrow Selector Tool
- Class
- arrow_selector_tool
- Category
- common_action
- Code Point
- f82f
A
Assistant
- Class
- assistant
- Category
- common_action
- Code Point
- e39f
A
Auto Delete
- Class
- auto_delete
- Category
- common_action
- Code Point
- ea4c
A
Auto Label
- Class
- auto_label
- Category
- common_action
- Code Point
- f6be
B
Background Replace
- Class
- background_replace
- Category
- common_action
- Code Point
- f20a
B
Backup
- Class
- backup
- Category
- common_action
- Code Point
- e864
B
Backup Table
- Class
- backup_table
- Category
- common_action
- Code Point
- ef43
B
Batch Prediction
- Class
- batch_prediction
- Category
- common_action
- Code Point
- f0f5
B
Bookmark
- Class
- bookmark
- Category
- common_action
- Code Point
- e866
B
Bookmark Add
- Class
- bookmark_add
- Category
- common_action
- Code Point
- e598
B
Bookmark Added
- Class
- bookmark_added
- Category
- common_action
- Code Point
- e599
B
Bookmark Manager
- Class
- bookmark_manager
- Category
- common_action
- Code Point
- f7b1
B
Bookmark Remove
- Class
- bookmark_remove
- Category
- common_action
- Code Point
- e59a
B
Bookmarks
- Class
- bookmarks
- Category
- common_action
- Code Point
- e98b
B
Bug Report
- Class
- bug_report
- Category
- common_action
- Code Point
- e868
B
Build
- Class
- build
- Category
- common_action
- Code Point
- e869
B
Build Circle
- Class
- build_circle
- Category
- common_action
- Code Point
- ef48
C
Calendar Month
- Class
- calendar_month
- Category
- common_action
- Code Point
- ebcc
C
Calendar Today
- Class
- calendar_today
- Category
- common_action
- Code Point
- e935
C
Category
- Class
- category
- Category
- common_action
- Code Point
- e574
C
Celebration
- Class
- celebration
- Category
- common_action
- Code Point
- ea65
C
Change History
- Class
- change_history
- Category
- common_action
- Code Point
- e86b
C
Chrome Reader Mode
- Class
- chrome_reader_mode
- Category
- common_action
- Code Point
- e86d
C
Circle Notifications
- Class
- circle_notifications
- Category
- common_action
- Code Point
- e994
C
Code
- Class
- code
- Category
- common_action
- Code Point
- e86f
C
Code Blocks
- Class
- code_blocks
- Category
- common_action
- Code Point
- f84d
C
Collections Bookmark
- Class
- collections_bookmark
- Category
- common_action
- Code Point
- e431
C
Commit
- Class
- commit
- Category
- common_action
- Code Point
- eaf5
C
Component Exchange
- Class
- component_exchange
- Category
- common_action
- Code Point
- f1e7
D
Dangerous
- Class
- dangerous
- Category
- common_action
- Code Point
- e99a
D
Date Range
- Class
- date_range
- Category
- common_action
- Code Point
- e916
D
Domain Verification
- Class
- domain_verification
- Category
- common_action
- Code Point
- f0fb
D
Domain Verification Off
- Class
- domain_verification_off
- Category
- common_action
- Code Point
- f7b0
D
Draft Orders
- Class
- draft_orders
- Category
- common_action
- Code Point
- e7b3
D
Dynamic Feed
- Class
- dynamic_feed
- Category
- common_action
- Code Point
- ea14
E
Edit Calendar
- Class
- edit_calendar
- Category
- common_action
- Code Point
- e742
E
Edit Notifications
- Class
- edit_notifications
- Category
- common_action
- Code Point
- e525
E
Edit Square
- Class
- edit_square
- Category
- common_action
- Code Point
- f88d
E
Error
- Class
- error
- Category
- common_action
- Code Point
- e000
E
Event
- Class
- event
- Category
- common_action
- Code Point
- e878
E
Event Available
- Class
- event_available
- Category
- common_action
- Code Point
- e614
E
Event Busy
- Class
- event_busy
- Category
- common_action
- Code Point
- e615
E
Event Note
- Class
- event_note
- Category
- common_action
- Code Point
- e616
E
Event Repeat
- Class
- event_repeat
- Category
- common_action
- Code Point
- eb7b
E
Event Upcoming
- Class
- event_upcoming
- Category
- common_action
- Code Point
- f238
E
Extension
- Class
- extension
- Category
- common_action
- Code Point
- e87b
F
Find Replace
- Class
- find_replace
- Category
- common_action
- Code Point
- e881
F
Fingerprint
- Class
- fingerprint
- Category
- common_action
- Code Point
- e90d
F
Flutter Dash
- Class
- flutter_dash
- Category
- common_action
- Code Point
- e00b
F
Free Cancellation
- Class
- free_cancellation
- Category
- common_action
- Code Point
- e748
G
Generating Tokens
- Class
- generating_tokens
- Category
- common_action
- Code Point
- e749
G
Gesture
- Class
- gesture
- Category
- common_action
- Code Point
- e155
H
Hand Gesture
- Class
- hand_gesture
- Category
- common_action
- Code Point
- ef9c
H
Help
- Class
- help
- Category
- common_action
- Code Point
- e887
H
Help Center
- Class
- help_center
- Category
- common_action
- Code Point
- f1c0
H
Help Clinic
- Class
- help_clinic
- Category
- common_action
- Code Point
- f810
H
History
- Class
- history
- Category
- common_action
- Code Point
- e889
H
History Toggle Off
- Class
- history_toggle_off
- Category
- common_action
- Code Point
- f17d
H
Home App Logo
- Class
- home_app_logo
- Category
- common_action
- Code Point
- e295
H
Hotel Class
- Class
- hotel_class
- Category
- common_action
- Code Point
- e743
H
Hourglass Disabled
- Class
- hourglass_disabled
- Category
- common_action
- Code Point
- ef53
H
Hourglass Empty
- Class
- hourglass_empty
- Category
- common_action
- Code Point
- e88b
H
Hourglass Full
- Class
- hourglass_full
- Category
- common_action
- Code Point
- e88c
H
How To Reg
- Class
- how_to_reg
- Category
- common_action
- Code Point
- e174
H
Http
- Class
- http
- Category
- common_action
- Code Point
- e902
I
Info
- Class
- info
- Category
- common_action
- Code Point
- e88e
I
Input
- Class
- input
- Category
- common_action
- Code Point
- e890
I
Interests
- Class
- interests
- Category
- common_action
- Code Point
- e7c8
L
Label
- Class
- label
- Category
- common_action
- Code Point
- e892
L
Label Important
- Class
- label_important
- Category
- common_action
- Code Point
- e937
L
Label Off
- Class
- label_off
- Category
- common_action
- Code Point
- e9b6
L
Language
- Class
- language
- Category
- common_action
- Code Point
- e894
L
Lightbulb
- Class
- lightbulb
- Category
- common_action
- Code Point
- e0f0
L
Lightbulb Circle
- Class
- lightbulb_circle
- Category
- common_action
- Code Point
- ebfe
L
Lock
- Class
- lock
- Category
- common_action
- Code Point
- e897
L
Lock Clock
- Class
- lock_clock
- Category
- common_action
- Code Point
- ef57
L
Lock Open
- Class
- lock_open
- Category
- common_action
- Code Point
- e898
L
Lock Person
- Class
- lock_person
- Category
- common_action
- Code Point
- f8f3
L
Lock Reset
- Class
- lock_reset
- Category
- common_action
- Code Point
- eade
L
Logo Dev
- Class
- logo_dev
- Category
- common_action
- Code Point
- ead6
M
Manage Accounts
- Class
- manage_accounts
- Category
- common_action
- Code Point
- f02e
M
Manage History
- Class
- manage_history
- Category
- common_action
- Code Point
- ebe7
M
Measuring Tape
- Class
- measuring_tape
- Category
- common_action
- Code Point
- f6af
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.