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.

Feed

Class: feed
Category: text_formatting
Code Point: f009

File Copy

Class: file_copy
Category: text_formatting
Code Point: Not available

File Present

Class: file_present
Category: text_formatting
Code Point: ea0e

Finance Chip

Class: finance_chip
Category: text_formatting
Code Point: f84e

Find In Page

Class: find_in_page
Category: text_formatting
Code Point: e880

Fit Page

Class: fit_page
Category: text_formatting
Code Point: f77a

Fit Width

Class: fit_width
Category: text_formatting
Code Point: f779

Flex Direction

Class: flex_direction
Category: text_formatting
Code Point: f778

Flex No Wrap

Class: flex_no_wrap
Category: text_formatting
Code Point: f777

Flex Wrap

Class: flex_wrap
Category: text_formatting
Code Point: f776

Flip To Back

Class: flip_to_back
Category: text_formatting
Code Point: e882

Flip To Front

Class: flip_to_front
Category: text_formatting
Code Point: e883

Flip To Back

Class: flip_to_back
Category: text_formatting
Code Point: e919

Folder

Class: folder
Category: text_formatting
Code Point: e2c7

Folder Copy

Class: folder_copy
Category: text_formatting
Code Point: ebbd

Folder Delete

Class: folder_delete
Category: text_formatting
Code Point: eb34

Folder Managed

Class: folder_managed
Category: text_formatting
Code Point: f775

Folder Off

Class: folder_off
Category: text_formatting
Code Point: eb83

Folder Open

Class: folder_open
Category: text_formatting
Code Point: e2c8

Folder Shared

Class: folder_shared
Category: text_formatting
Code Point: e2c9

Folder Special

Class: folder_special
Category: text_formatting
Code Point: e617

Folder Supervised

Class: folder_supervised
Category: text_formatting
Code Point: f774

Folder Zip

Class: folder_zip
Category: text_formatting
Code Point: eb2c

Font Download

Class: font_download
Category: text_formatting
Code Point: e167

Font Download Off

Class: font_download_off
Category: text_formatting
Code Point: e4f9

Format Align Center

Class: format_align_center
Category: text_formatting
Code Point: e234

Format Align Justify

Class: format_align_justify
Category: text_formatting
Code Point: e235

Format Align Left

Class: format_align_left
Category: text_formatting
Code Point: e236

Format Align Right

Class: format_align_right
Category: text_formatting
Code Point: e237

Format Bold

Class: format_bold
Category: text_formatting
Code Point: e238

Format Clear

Class: format_clear
Category: text_formatting
Code Point: e239

Format Color Fill

Class: format_color_fill
Category: text_formatting
Code Point: e23a

Format Color Reset

Class: format_color_reset
Category: text_formatting
Code Point: e23b

Format Color Text

Class: format_color_text
Category: text_formatting
Code Point: e23c

Format H1

Class: format_h1
Category: text_formatting
Code Point: f85d

Format H2

Class: format_h2
Category: text_formatting
Code Point: f85e

Format H3

Class: format_h3
Category: text_formatting
Code Point: f85f

Format H4

Class: format_h4
Category: text_formatting
Code Point: f860

Format H5

Class: format_h5
Category: text_formatting
Code Point: f861

Format H6

Class: format_h6
Category: text_formatting
Code Point: f862

Format Image Left

Class: format_image_left
Category: text_formatting
Code Point: f863

Format Image Right

Class: format_image_right
Category: text_formatting
Code Point: f864

Format Indent Decrease

Class: format_indent_decrease
Category: text_formatting
Code Point: e23d

Format Indent Increase

Class: format_indent_increase
Category: text_formatting
Code Point: e23e

Format Ink Highlighter

Class: format_ink_highlighter
Category: text_formatting
Code Point: f82b

Format Italic

Class: format_italic
Category: text_formatting
Code Point: e23f

Format Line Spacing

Class: format_line_spacing
Category: text_formatting
Code Point: e240

Format List Bulleted

Class: format_list_bulleted
Category: text_formatting
Code Point: e241

Format List Bulleted Add

Class: format_list_bulleted_add
Category: text_formatting
Code Point: f849

Format List Numbered

Class: format_list_numbered
Category: text_formatting
Code Point: e242

Format List Numbered Rtl

Class: format_list_numbered_rtl
Category: text_formatting
Code Point: e267

Format Overline

Class: format_overline
Category: text_formatting
Code Point: eb65

Format Paint

Class: format_paint
Category: text_formatting
Code Point: e243

Format Paragraph

Class: format_paragraph
Category: text_formatting
Code Point: f865

Format Quote

Class: format_quote
Category: text_formatting
Code Point: e244

Format Shapes

Class: format_shapes
Category: text_formatting
Code Point: e25e

Format Size

Class: format_size
Category: text_formatting
Code Point: e245

Format Strikethrough

Class: format_strikethrough
Category: text_formatting
Code Point: e246

Format Text Clip

Class: format_text_clip
Category: text_formatting
Code Point: f82a

Format Text Overflow

Class: format_text_overflow
Category: text_formatting
Code Point: f829

Format Text Wrap

Class: format_text_wrap
Category: text_formatting
Code Point: f828

Format Textdirection L To R

Class: format_textdirection_l_to_r
Category: text_formatting
Code Point: e247

Format Textdirection R To L

Class: format_textdirection_r_to_l
Category: text_formatting
Code Point: e248

Format Underlined

Class: format_underlined
Category: text_formatting
Code Point: e249

Format Underlined Squiggle

Class: format_underlined_squiggle
Category: text_formatting
Code Point: f885

Forms Add On

Class: forms_add_on
Category: text_formatting
Code Point: f0c7

Forms Apps Script

Class: forms_apps_script
Category: text_formatting
Code Point: f0c8

Frame Inspect

Class: frame_inspect
Category: text_formatting
Code Point: f772

Frame Reload

Class: frame_reload
Category: text_formatting
Code Point: f771

Frame Source

Class: frame_source
Category: text_formatting
Code Point: f770

Function

Class: function
Category: text_formatting
Code Point: f866

Functions

Class: functions
Category: text_formatting
Code Point: e24a

Glyphs

Class: glyphs
Category: text_formatting
Code Point: f8a3

Grading

Class: grading
Category: text_formatting
Code Point: ea4f

Grid Guides

Class: grid_guides
Category: text_formatting
Code Point: f76f

Grid View

Class: grid_view
Category: text_formatting
Code Point: e9b0

Heap Snapshot Large

Class: heap_snapshot_large
Category: text_formatting
Code Point: f76e

Heap Snapshot Multiple

Class: heap_snapshot_multiple
Category: text_formatting
Code Point: f76d

Heap Snapshot Thumbnal

Class: heap_snapshot_thumbnail
Category: text_formatting
Code Point: f76c

Height

Class: height
Category: text_formatting
Code Point: ea16

Hexagon

Class: hexagon
Category: text_formatting
Code Point: eb39

Highlighter Size 1

Class: highlighter_size_1
Category: text_formatting
Code Point: f76b

Highlighter Size 2

Class: highlighter_size_2
Category: text_formatting
Code Point: f76a

Highlighter Size 3

Class: highlighter_size_3
Category: text_formatting
Code Point: f769

Highlighter Size 4

Class: highlighter_size_4
Category: text_formatting
Code Point: f768

Highlighter Size 5

Class: highlighter_size_5
Category: text_formatting
Code Point: f767

History Edu

Class: history_edu
Category: text_formatting
Code Point: ea3e

Horizontal Distribute

Class: horizontal_distribute
Category: text_formatting
Code Point: e014

Horizontal Rule

Class: horizontal_rule
Category: text_formatting
Code Point: f108

Horizontal Split

Class: horizontal_split
Category: text_formatting
Code Point: e947

Imagesearch Roller

Class: imagesearch_roller
Category: text_formatting
Code Point: e9b4

Insert Page Break

Class: insert_page_break
Category: text_formatting
Code Point: eaca

Insert Text

Class: insert_text
Category: text_formatting
Code Point: f827

Integration Instructions

Class: integration_instructions
Category: text_formatting
Code Point: ef54

Inventory

Class: inventory
Category: text_formatting
Code Point: e179

Join

Class: join
Category: text_formatting
Code Point: f84f