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.

Join Full

Class: join_full
Category: text_formatting
Code Point: eaeb

Join Inner

Class: join_inner
Category: text_formatting
Code Point: eaf4

Join Left

Class: join_left
Category: text_formatting
Code Point: eaf2

Join Right

Class: join_right
Category: text_formatting
Code Point: Not available

Lab Profile

Class: lab_profile
Category: text_formatting
Code Point: e104

Language Chinese Array

Class: language_chinese_array
Category: text_formatting
Code Point: f766

Language Chinese Cangjie

Class: language_chinese_cangjie
Category: text_formatting
Code Point: f765

Language Chinese Dayi

Class: language_chinese_dayi
Category: text_formatting
Code Point: f764

Language Chinese Pinyin

Class: language_chinese_pinyin
Category: text_formatting
Code Point: f763

Language Chinese Quick

Class: language_chinese_quick
Category: text_formatting
Code Point: f762

Language Chinese Wubi

Class: language_chinese_wubi
Category: text_formatting
Code Point: f761

Language French

Class: language_french
Category: text_formatting
Code Point: f760

Language Gb English

Class: language_gb_english
Category: text_formatting
Code Point: f75f

Language International

Class: language_international
Category: text_formatting
Code Point: f75e

Language Korean Latin

Class: language_korean_latin
Category: text_formatting
Code Point: f75d

Language Pinyin

Class: language_pinyin
Category: text_formatting
Code Point: f75c

Language Us

Class: language_us
Category: text_formatting
Code Point: f759

Language Us Colemak

Class: language_us_colemak
Category: text_formatting
Code Point: f75b

Language Us Dvorak

Class: language_us_dvorak
Category: text_formatting
Code Point: f75a

Letter Switch

Class: letter_switch
Category: text_formatting
Code Point: f758

Line Axis

Class: line_axis
Category: text_formatting
Code Point: ea9a

Line Curve

Class: line_curve
Category: text_formatting
Code Point: f757

Line End

Class: line_end
Category: text_formatting
Code Point: f826

Line End Arrow

Class: line_end_arrow
Category: text_formatting
Code Point: f81d

Line End Arrow Notch

Class: line_end_arrow_notch
Category: text_formatting
Code Point: f81c

Line End Circle

Class: line_end_circle
Category: text_formatting
Code Point: f81b

Line End Diamond

Class: line_end_diamond
Category: text_formatting
Code Point: f81a

Line End Square

Class: line_end_square
Category: text_formatting
Code Point: f819

Line Start

Class: line_start
Category: text_formatting
Code Point: f825

Line Start Arrow

Class: line_start_arrow
Category: text_formatting
Code Point: f818

Line Start Arrow Notch

Class: line_start_arrow_notch
Category: text_formatting
Code Point: f817

Line Start Circle

Class: line_start_circle
Category: text_formatting
Code Point: f816

Line Start Diamond

Class: line_start_diamond
Category: text_formatting
Code Point: f815

Line Start Square

Class: line_start_square
Category: text_formatting
Code Point: f814

Line Style

Class: line_style
Category: text_formatting
Code Point: e919

Line Weight

Class: line_weight
Category: text_formatting
Code Point: e91a

Linear Scale

Class: linear_scale
Category: text_formatting
Code Point: e260

List

Class: list
Category: text_formatting
Code Point: e896

List Alt

Class: list_alt
Category: text_formatting
Code Point: e0ee

List Alt Add

Class: list_alt_add
Category: text_formatting
Code Point: f756

Location Chip

Class: location_chip
Category: text_formatting
Code Point: f850

Low Priority

Class: low_priority
Category: text_formatting
Code Point: e16d

Margin

Class: margin
Category: text_formatting
Code Point: e9bb

Match Case

Class: match_case
Category: text_formatting
Code Point: f6f1

Match Word

Class: match_word
Category: text_formatting
Code Point: f6f0

Menu Book

Class: menu_book
Category: text_formatting
Code Point: ea19

Merge Type

Class: merge_type
Category: text_formatting
Code Point: e252

Newspaper

Class: newspaper
Category: text_formatting
Code Point: eb81

Note

Class: note
Category: text_formatting
Code Point: e06f

Note Add

Class: note_add
Category: text_formatting
Code Point: e89c

Note Alt

Class: note_alt
Category: text_formatting
Code Point: f040

Notes

Class: notes
Category: text_formatting
Code Point: e26c

Numbers

Class: numbers
Category: text_formatting
Code Point: eac7

Other Admission

Class: other_admission
Category: text_formatting
Code Point: e47b

Overview

Class: overview
Category: text_formatting
Code Point: e4a7

Padding

Class: padding
Category: text_formatting
Code Point: e9c8

Padding

Class: padding
Category: text_formatting
Code Point: e9c8

Padding

Class: padding
Category: text_formatting
Code Point: e9c8

Pen Size 1

Class: pen_size_1
Category: text_formatting
Code Point: f755

Pen Size 2

Class: pen_size_2
Category: text_formatting
Code Point: f754

Pen Size 3

Class: pen_size_3
Category: text_formatting
Code Point: f753

Pen Size 4

Class: pen_size_4
Category: text_formatting
Code Point: f752

Pen Size 5

Class: pen_size_5
Category: text_formatting
Code Point: f751

Pending Actions

Class: pending_actions
Category: text_formatting
Code Point: f1bb

Pentagon

Class: pentagon
Category: text_formatting
Code Point: eb50

Percent

Class: percent
Category: text_formatting
Code Point: eb58

Perm Media

Class: perm_media
Category: text_formatting
Code Point: e8a7

Pivot Table Chart

Class: pivot_table_chart
Category: text_formatting
Code Point: e9ce

Plagiarism

Class: plagiarism
Category: text_formatting
Code Point: ea5a

Polyline

Class: polyline
Category: text_formatting
Code Point: ebbb

Post Add

Class: post_add
Category: text_formatting
Code Point: ea20

Process Chart

Class: process_chart
Category: text_formatting
Code Point: f855

Class: read_more
Category: text_formatting
Code Point: ef6d

Rectangle

Class: rectangle
Category: text_formatting
Code Point: eb54

Regular Expression

Class: regular_expression
Category: text_formatting
Code Point: f750

Reorder

Class: reorder
Category: text_formatting
Code Point: e8fe

Request Page

Class: request_page
Category: text_formatting
Code Point: f22c

Request Quote

Class: request_quote
Category: text_formatting
Code Point: f1b6

Reset Image

Class: reset_image
Category: text_formatting
Code Point: f824

Restore Page

Class: restore_page
Category: text_formatting
Code Point: e929

Rule Folder

Class: rule_folder
Category: text_formatting
Code Point: f1c9

Scan Delete

Class: scan_delete
Category: text_formatting
Code Point: f74f

Segment

Class: segment
Category: text_formatting
Code Point: e94b

Select

Class: select
Category: text_formatting
Code Point: f74d

Shape Line

Class: shape_line
Category: text_formatting
Code Point: f8d3

Shapes

Class: shapes
Category: text_formatting
Code Point: e602

Sheets Rtl

Class: sheets_rtl
Category: text_formatting
Code Point: f823

Short Text

Class: short_text
Category: text_formatting
Code Point: e261

Signature

Class: signature
Category: text_formatting
Code Point: f74c

Slide Library

Class: slide_library
Category: text_formatting
Code Point: f822

Smb Share

Class: smb_share
Category: text_formatting
Code Point: f74b

Snippet Folder

Class: snippet_folder
Category: text_formatting
Code Point: f1c7

Source Notes

Class: source_notes
Category: text_formatting
Code Point: e12d

Space Bar

Class: space_bar
Category: text_formatting
Code Point: e256

Space Dashboard

Class: space_dashboard
Category: text_formatting
Code Point: e66b

Icon Implementation Checklist

Label important controls

Keep style consistent

Load only what you need

Join Full

Join Inner

Join Left

Join Right

Lab Profile

Language Chinese Array

Language Chinese Cangjie

Language Chinese Dayi

Language Chinese Pinyin

Language Chinese Quick

Language Chinese Wubi

Language French

Language Gb English

Language International

Language Korean Latin

Language Pinyin

Language Us

Language Us Colemak

Language Us Dvorak

Letter Switch

Line Axis

Line Curve

Line End

Line End Arrow

Line End Arrow Notch

Line End Circle

Line End Diamond

Line End Square

Line Start

Line Start Arrow

Line Start Arrow Notch

Line Start Circle

Line Start Diamond

Line Start Square

Line Style

Line Weight

Linear Scale

List

List Alt

List Alt Add

Location Chip

Low Priority

Margin

Match Case

Match Word

Menu Book

Merge Type

Newspaper

Note

Note Add

Note Alt

Notes

Numbers

Other Admission

Overview

Padding

Padding

Padding

Pages

Pen Size 1

Pen Size 2

Pen Size 3

Pen Size 4

Pen Size 5

Pending Actions

Pentagon

Percent

Perm Media

Pivot Table Chart

Plagiarism

Polyline

Post Add

Process Chart

Read More

Rectangle

Regular Expression