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 Read Play
- Class
- auto_read_play
- Category
- communication
- Code Point
- f216
C
Calendar Add On
- Class
- calendar_add_on
- Category
- communication
- Code Point
- ef85
C
Calendar Apps Script
- Class
- calendar_apps_script
- Category
- communication
- Code Point
- f0bb
C
Call
- Class
- call
- Category
- communication
- Code Point
- e0b0
C
Call End
- Class
- call_end
- Category
- communication
- Code Point
- e0b1
C
Call Made
- Class
- call_made
- Category
- communication
- Code Point
- e0b2
C
Call Merge
- Class
- call_merge
- Category
- communication
- Code Point
- e0b3
C
Call Missed
- Class
- call_missed
- Category
- communication
- Code Point
- e0b4
C
Call Missed Outgoing
- Class
- call_missed_outgoing
- Category
- communication
- Code Point
- e0e4
C
Call Received
- Class
- call_received
- Category
- communication
- Code Point
- e0b5
C
Call Split
- Class
- call_split
- Category
- communication
- Code Point
- e0b6
C
Cancel Presentation
- Class
- cancel_presentation
- Category
- communication
- Code Point
- e0e9
C
Cancel Schedule Send
- Class
- cancel_schedule_send
- Category
- communication
- Code Point
- ea39
C
Cell Tower
- Class
- cell_tower
- Category
- communication
- Code Point
- ebba
C
Cell Wifi
- Class
- cell_wifi
- Category
- communication
- Code Point
- e0ec
C
Chat
- Class
- chat
- Category
- communication
- Code Point
- e0b7
C
Chat Add On
- Class
- chat_add_on
- Category
- communication
- Code Point
- f0f3
C
Chat Apps Script
- Class
- chat_apps_script
- Category
- communication
- Code Point
- f0bd
C
Chat Bubble
- Class
- chat_bubble
- Category
- communication
- Code Point
- e0ca
C
Chat Error
- Class
- chat_error
- Category
- communication
- Code Point
- f7ac
C
Chat Paste Go
- Class
- chat_paste_go
- Category
- communication
- Code Point
- f6bd
C
Co Present
- Class
- co_present
- Category
- communication
- Code Point
- eaf0
C
Comment
- Class
- comment
- Category
- communication
- Code Point
- e0b9
C
Comment Bank
- Class
- comment_bank
- Category
- communication
- Code Point
- ea4e
C
Comments Disabled
- Class
- comments_disabled
- Category
- communication
- Code Point
- e7a2
C
Contact Emergency
- Class
- contact_emergency
- Category
- communication
- Code Point
- f8d1
C
Contact Mail
- Class
- contact_mail
- Category
- communication
- Code Point
- e0d0
C
Contact Phone
- Class
- contact_phone
- Category
- communication
- Code Point
- e0cf
C
Contact Support
- Class
- contact_support
- Category
- communication
- Code Point
- e94c
C
Contacts
- Class
- contacts
- Category
- communication
- Code Point
- e0ba
D
Dialer Sip
- Class
- dialer_sip
- Category
- communication
- Code Point
- e0bb
D
Dialpad
- Class
- dialpad
- Category
- communication
- Code Point
- e0bc
D
Drafts
- Class
- drafts
- Category
- communication
- Code Point
- e151
D
Duo
- Class
- duo
- Category
- communication
- Code Point
- e9a5
E
E911 Avatar
- Class
- e911_avatar
- Category
- communication
- Code Point
- f11a
F
Forum
- Class
- forum
- Category
- communication
- Code Point
- e0bf
F
Forward To Inbox
- Class
- forward_to_inbox
- Category
- communication
- Code Point
- f187
H
Hourglass Bottom
- Class
- hourglass_bottom
- Category
- communication
- Code Point
- ea5c
H
Hourglass Top
- Class
- hourglass_top
- Category
- communication
- Code Point
- ea5b
H
Hub
- Class
- hub
- Category
- communication
- Code Point
- e9f4
I
Import Contacts
- Class
- import_contacts
- Category
- communication
- Code Point
- e0e0
I
Inbox
- Class
- inbox
- Category
- communication
- Code Point
- e156
I
Inbox Customize
- Class
- inbox_customize
- Category
- communication
- Code Point
- f859
I
Inventory 2
- Class
- inventory_2
- Category
- communication
- Code Point
- e1a1
L
Lan
- Class
- lan
- Category
- communication
- Code Point
- eb2f
L
Link
- Class
- link
- Category
- communication
- Code Point
- e157
L
Link Off
- Class
- link_off
- Category
- communication
- Code Point
- e16f
L
Live Help
- Class
- live_help
- Category
- communication
- Code Point
- e0c6
M
- Class
- Category
- communication
- Code Point
- e158
M
Mail Lock
- Class
- mail_lock
- Category
- communication
- Code Point
- ec0a
M
Mark As Unread
- Class
- mark_as_unread
- Category
- communication
- Code Point
- e9bc
M
Mark Chat Read
- Class
- mark_chat_read
- Category
- communication
- Code Point
- f18b
M
Mark Chat Unread
- Class
- mark_chat_unread
- Category
- communication
- Code Point
- f189
M
Mark Email Read
- Class
- mark_email_read
- Category
- communication
- Code Point
- f18c
M
Mark Email Unread
- Class
- mark_email_unread
- Category
- communication
- Code Point
- f18a
M
Mark Unread Chat Alt
- Class
- mark_unread_chat_alt
- Category
- communication
- Code Point
- eb9d
M
Markunread Mailbox
- Class
- markunread_mailbox
- Category
- communication
- Code Point
- e89b
M
Mms
- Class
- mms
- Category
- communication
- Code Point
- e618
M
Mode Comment
- Class
- mode_comment
- Category
- communication
- Code Point
- e253
M
Move To Inbox
- Class
- move_to_inbox
- Category
- communication
- Code Point
- e168
N
Nat
- Class
- nat
- Category
- communication
- Code Point
- ef5c
N
Network Manage
- Class
- network_manage
- Category
- communication
- Code Point
- f7ab
N
Next Plan
- Class
- next_plan
- Category
- communication
- Code Point
- ef5d
N
Notifications
- Class
- notifications
- Category
- communication
- Code Point
- Not available
N
Notifications Active
- Class
- notifications_active
- Category
- communication
- Code Point
- e7f7
N
Notifications Off
- Class
- notifications_off
- Category
- communication
- Code Point
- e7f6
N
Notifications Paused
- Class
- notifications_paused
- Category
- communication
- Code Point
- e7f8
O
Outbox
- Class
- outbox
- Category
- communication
- Code Point
- ef5f
O
Outgoing Mail
- Class
- outgoing_mail
- Category
- communication
- Code Point
- f0d2
P
Pause Presentation
- Class
- pause_presentation
- Category
- communication
- Code Point
- e0ea
P
Perm Phone Msg
- Class
- perm_phone_msg
- Category
- communication
- Code Point
- e8a8
P
Person Search
- Class
- person_search
- Category
- communication
- Code Point
- f106
P
Phone Bluetooth Speaker
- Class
- phone_bluetooth_speaker
- Category
- communication
- Code Point
- e61b
P
Phone Callback
- Class
- phone_callback
- Category
- communication
- Code Point
- e649
P
Phone Disabled
- Class
- phone_disabled
- Category
- communication
- Code Point
- e9cc
P
Phone Enabled
- Class
- phone_enabled
- Category
- communication
- Code Point
- e9cd
P
Phone Forwarded
- Class
- phone_forwarded
- Category
- communication
- Code Point
- e61c
P
Phone In Talk
- Class
- phone_in_talk
- Category
- communication
- Code Point
- e61d
P
Phone Locked
- Class
- phone_locked
- Category
- communication
- Code Point
- e61e
P
Phone Missed
- Class
- phone_missed
- Category
- communication
- Code Point
- e61f
P
Phone Paused
- Class
- phone_paused
- Category
- communication
- Code Point
- e620
P
Phonelink Erase
- Class
- phonelink_erase
- Category
- communication
- Code Point
- e0db
P
Phonelink Lock
- Class
- phonelink_lock
- Category
- communication
- Code Point
- e0dc
P
Phonelink Ring
- Class
- phonelink_ring
- Category
- communication
- Code Point
- e0dd
P
Phonelink Ring Off
- Class
- phonelink_ring_off
- Category
- communication
- Code Point
- f7aa
P
Picture In Picture
- Class
- picture_in_picture
- Category
- communication
- Code Point
- e8aa
P
Picture In Picture Alt
- Class
- picture_in_picture_alt
- Category
- communication
- Code Point
- e911
P
Play For Work
- Class
- play_for_work
- Category
- communication
- Code Point
- e906
P
Power Settings New
- Class
- power_settings_new
- Category
- communication
- Code Point
- e8ac
P
Present To All
- Class
- present_to_all
- Category
- communication
- Code Point
- e0df
Q
Quickreply
- Class
- quickreply
- Category
- communication
- Code Point
- ef6c
R
Reviews
- Class
- reviews
- Category
- communication
- Code Point
- f054
R
Ring Volume
- Class
- ring_volume
- Category
- communication
- Code Point
- e0d1
R
Rtt
- Class
- rtt
- Category
- communication
- Code Point
- e9ad
S
Satellite Alt
- Class
- satellite_alt
- Category
- communication
- Code Point
- eb3a
S
Schedule Send
- Class
- schedule_send
- Category
- communication
- Code Point
- ea0a
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.