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.
S
Special Character
- Class
- special_character
- Category
- text_formatting
- Code Point
- f74a
S
Spellcheck
- Class
- spellcheck
- Category
- text_formatting
- Code Point
- e8ce
S
Square
- Class
- square
- Category
- text_formatting
- Code Point
- eb36
S
Sticky Note 2
- Class
- sticky_note_2
- Category
- text_formatting
- Code Point
- f1fc
S
Stroke Full
- Class
- stroke_full
- Category
- text_formatting
- Code Point
- f749
S
Stroke Partial
- Class
- stroke_partial
- Category
- text_formatting
- Code Point
- f748
S
Stylus Laser Pointer
- Class
- stylus_laser_pointer
- Category
- text_formatting
- Code Point
- f747
S
Subject
- Class
- subject
- Category
- text_formatting
- Code Point
- Not available
S
Subscript
- Class
- subscript
- Category
- text_formatting
- Code Point
- f111
S
Subtitles Off
- Class
- subtitles_off
- Category
- text_formatting
- Code Point
- ef72
S
Summarize
- Class
- summarize
- Category
- text_formatting
- Code Point
- f071
S
Superscript
- Class
- superscript
- Category
- text_formatting
- Code Point
- f112
T
Tab Close
- Class
- tab_close
- Category
- text_formatting
- Code Point
- f745
T
Tab Close Right
- Class
- tab_close_right
- Category
- text_formatting
- Code Point
- f746
T
Tab Duplicate
- Class
- tab_duplicate
- Category
- text_formatting
- Code Point
- f744
T
Tab Group
- Class
- tab_group
- Category
- text_formatting
- Code Point
- f743
T
Tab Move
- Class
- tab_move
- Category
- text_formatting
- Code Point
- f742
T
Tab New Right
- Class
- tab_new_right
- Category
- text_formatting
- Code Point
- f741
T
Tab Recent
- Class
- tab_recent
- Category
- text_formatting
- Code Point
- f740
T
Table
- Class
- table
- Category
- text_formatting
- Code Point
- f191
T
Table Chart
- Class
- table_chart
- Category
- text_formatting
- Code Point
- e265
T
Table Chart View
- Class
- table_chart_view
- Category
- text_formatting
- Code Point
- f6ef
T
Table Rows Narrow
- Class
- table_rows_narrow
- Category
- text_formatting
- Code Point
- f73f
T
Table View
- Class
- table_view
- Category
- text_formatting
- Code Point
- f1be
T
Table Rows
- Class
- table_rows
- Category
- text_formatting
- Code Point
- Not available
T
Tag
- Class
- tag
- Category
- text_formatting
- Code Point
- e9ef
T
Task
- Class
- task
- Category
- text_formatting
- Code Point
- f075
T
Team Dashboard
- Class
- team_dashboard
- Category
- text_formatting
- Code Point
- e013
T
Text Decrease
- Class
- text_decrease
- Category
- text_formatting
- Code Point
- eadd
T
Text Fields
- Class
- text_fields
- Category
- text_formatting
- Code Point
- e262
T
Text Format
- Class
- text_format
- Category
- text_formatting
- Code Point
- e165
T
Text Increase
- Class
- text_increase
- Category
- text_formatting
- Code Point
- eae2
T
Text Rotate Up
- Class
- text_rotate_up
- Category
- text_formatting
- Code Point
- e93a
T
Text Rotate Vertical
- Class
- text_rotate_vertical
- Category
- text_formatting
- Code Point
- e93b
T
Text Rotate Vertical
- Class
- text_rotate_vertical
- Category
- text_formatting
- Code Point
- e93b
T
Text Rotate Vertical
- Class
- text_rotate_vertical
- Category
- text_formatting
- Code Point
- e93b
T
Text Rotation Angledown
- Class
- text_rotation_angledown
- Category
- text_formatting
- Code Point
- e93c
T
Text Rotation Angleup
- Class
- text_rotation_angleup
- Category
- text_formatting
- Code Point
- e93d
T
Text Rotation Down
- Class
- text_rotation_down
- Category
- text_formatting
- Code Point
- e93e
T
Text Rotation None
- Class
- text_rotation_none
- Category
- text_formatting
- Code Point
- e93f
T
Text Select End
- Class
- text_select_end
- Category
- text_formatting
- Code Point
- f73e
T
Text Select Jump To Beginning
- Class
- text_select_jump_to_beginning
- Category
- text_formatting
- Code Point
- f73d
T
Text Select Jump To End
- Class
- text_select_jump_to_end
- Category
- text_formatting
- Code Point
- f73c
T
Text Select Move Back Character
- Class
- text_select_move_back_character
- Category
- text_formatting
- Code Point
- f73b
T
Text Select Move Back Word
- Class
- text_select_move_back_word
- Category
- text_formatting
- Code Point
- f73a
T
Text Select Move Down
- Class
- text_select_move_down
- Category
- text_formatting
- Code Point
- f739
T
Text Select Move Forward
- Class
- text_select_move_forward_character
- Category
- text_formatting
- Code Point
- f738
T
Text Select Move Forward Word
- Class
- text_select_move_forward_word
- Category
- text_formatting
- Code Point
- f737
T
Text Select Move Up
- Class
- text_select_move_up
- Category
- text_formatting
- Code Point
- f736
T
Text Select Start
- Class
- text_select_start
- Category
- text_formatting
- Code Point
- f735
T
Text Snippet
- Class
- text_snippet
- Category
- text_formatting
- Code Point
- f1c6
T
Thumbnail Bar
- Class
- thumbnail_bar
- Category
- text_formatting
- Code Point
- f734
T
Title
- Class
- title
- Category
- text_formatting
- Code Point
- e264
T
Toc
- Class
- toc
- Category
- text_formatting
- Code Point
- e8de
T
Top Panel Close
- Class
- top_panel_close
- Category
- text_formatting
- Code Point
- f733
T
Top Panel Open
- Class
- top_panel_open
- Category
- text_formatting
- Code Point
- f732
T
Type Specimen
- Class
- type_specimen
- Category
- text_formatting
- Code Point
- f8f0
T
Type Specimen
- Class
- type_specimen
- Category
- text_formatting
- Code Point
- f8f0
T
Type Specimen
- Class
- type_specimen
- Category
- text_formatting
- Code Point
- f8f0
U
Ungroup
- Class
- ungroup
- Category
- text_formatting
- Code Point
- f731
U
Unknown Document
- Class
- unknown_document
- Category
- text_formatting
- Code Point
- f804
V
Variables
- Class
- variables
- Category
- text_formatting
- Code Point
- f851
V
Vertical Align Bottom
- Class
- vertical_align_bottom
- Category
- text_formatting
- Code Point
- e258
V
Vertical Align Center
- Class
- vertical_align_center
- Category
- text_formatting
- Code Point
- e259
V
Vertical Align Top
- Class
- vertical_align_top
- Category
- text_formatting
- Code Point
- e25a
V
Vertical Distribute
- Class
- vertical_distribute
- Category
- text_formatting
- Code Point
- e076
V
Vertical Split
- Class
- vertical_split
- Category
- text_formatting
- Code Point
- e949
V
Video File
- Class
- video_file
- Category
- text_formatting
- Code Point
- eb87
V
View Agenda
- Class
- view_agenda
- Category
- text_formatting
- Code Point
- e8e9
V
View Array
- Class
- view_array
- Category
- text_formatting
- Code Point
- e8ea
V
View Carousel
- Class
- view_carousel
- Category
- text_formatting
- Code Point
- e8eb
V
View Column
- Class
- view_column
- Category
- text_formatting
- Code Point
- e8ec
V
View Column 2
- Class
- view_column_2
- Category
- text_formatting
- Code Point
- f847
V
View Day
- Class
- view_day
- Category
- text_formatting
- Code Point
- e8ed
V
View Headline
- Class
- view_headline
- Category
- text_formatting
- Code Point
- e8ee
V
View List
- Class
- view_list
- Category
- text_formatting
- Code Point
- e8ef
V
View Module
- Class
- view_module
- Category
- text_formatting
- Code Point
- e8f0
V
View Quilt
- Class
- view_quilt
- Category
- text_formatting
- Code Point
- e8f1
V
View Sidebar
- Class
- view_sidebar
- Category
- text_formatting
- Code Point
- f114
V
View Stream
- Class
- view_stream
- Category
- text_formatting
- Code Point
- e8f2
V
View Week
- Class
- view_week
- Category
- text_formatting
- Code Point
- e8f3
V
Voting Chip
- Class
- voting_chip
- Category
- text_formatting
- Code Point
- f852
W
Width
- Class
- width
- Category
- text_formatting
- Code Point
- f730
W
Wrap Text
- Class
- wrap_text
- Category
- text_formatting
- Code Point
- e25b
A
Agriculture
- Class
- agriculture
- Category
- transportation
- Code Point
- ea79
A
Airlines
- Class
- airlines
- Category
- transportation
- Code Point
- e7ca
A
Airport Shuttle
- Class
- airport_shuttle
- Category
- transportation
- Code Point
- eb3c
A
Ambulance
- Class
- ambulance
- Category
- transportation
- Code Point
- f803
B
Bike Scooter
- Class
- bike_scooter
- Category
- transportation
- Code Point
- ef45
B
Bus Alert
- Class
- bus_alert
- Category
- transportation
- Code Point
- e98f
C
Car Crash
- Class
- car_crash
- Category
- transportation
- Code Point
- ebf2
C
Commute
- Class
- commute
- Category
- transportation
- Code Point
- e940
D
Departure Board
- Class
- departure_board
- Category
- transportation
- Code Point
- e576
D
Directions Bike
- Class
- directions_bike
- Category
- transportation
- Code Point
- e52f
D
Directions Boat
- Class
- directions_boat
- Category
- transportation
- Code Point
- e532
D
Directions Bus
- Class
- directions_bus
- Category
- transportation
- Code Point
- e530
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.