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.

Move Selection Left

Class: move_selection_left
Category: ui-actions
Code Point: f713

Move Selection Right

Class: move_selection_right
Category: ui-actions
Code Point: f712

Move Selection Up

Class: move_selection_up
Category: ui-actions
Code Point: f711

Move Up

Class: move_up
Category: ui-actions
Code Point: eb64

New Window

Class: new_window
Category: ui-actions
Code Point: f710

Open In Full

Class: open_in_full
Category: ui-actions
Code Point: f1ce

Open In New

Class: open_in_new
Category: ui-actions
Code Point: e89e

Open In New Down

Class: open_in_new_down
Category: ui-actions
Code Point: f70f

Open In New Off

Class: open_in_new_off
Category: ui-actions
Code Point: e4f6

Open With

Class: open_with
Category: ui-actions
Code Point: e89f

Output

Class: output
Category: ui-actions
Code Point: ebbe

Output Circle

Class: output_circle
Category: ui-actions
Code Point: f70e

Patient List

Class: patient_list
Category: ui-actions
Code Point: e653

Php

Class: php
Category: ui-actions
Code Point: eb8f

Pinch

Class: pinch
Category: ui-actions
Code Point: eb38

Pip Exit

Class: pip_exit
Category: ui-actions
Code Point: f70d

Place Item

Class: place_item
Category: ui-actions
Code Point: f1f0

Point Scan

Class: point_scan
Category: ui-actions
Code Point: f70c

Position Bottom Left

Class: position_bottom_left
Category: ui-actions
Code Point: f70b

Position Bottom Right

Class: position_bottom_right
Category: ui-actions
Code Point: f70a

Position Top Right

Class: position_top_right
Category: ui-actions
Code Point: f709

Preliminary

Class: preliminary
Category: ui-actions
Code Point: e7d8

Publish

Class: publish
Category: ui-actions
Code Point: e255

Question Exchange

Class: question_exchange
Category: ui-actions
Code Point: f7f3

Quick Reference

Class: quick_reference
Category: ui-actions
Code Point: e46e

Quick Reference All

Class: quick_reference_all
Category: ui-actions
Code Point: f801

Radio Button Checked

Class: radio_button_checked
Category: ui-actions
Code Point: e837

Radio Button Unchecked

Class: radio_button_unchecked
Category: ui-actions
Code Point: e836

Rebase

Class: rebase
Category: ui-actions
Code Point: f845

Rebase Edit

Class: rebase_edit
Category: ui-actions
Code Point: f846

Redo

Class: redo
Category: ui-actions
Code Point: e15a

Refresh

Class: refresh
Category: ui-actions
Code Point: e5d5

Remove

Class: remove
Category: ui-actions
Code Point: e15b

Remove Done

Class: remove_done
Category: ui-actions
Code Point: e9d3

Reopen Window

Class: reopen_window
Category: ui-actions
Code Point: f708

Repartition

Class: repartition
Category: ui-actions
Code Point: f8e8

Reply

Class: reply
Category: ui-actions
Code Point: e15e

Reply All

Class: reply_all
Category: ui-actions
Code Point: e15f

Resize

Class: resize
Category: ui-actions
Code Point: f707

Restart Alt

Class: restart_alt
Category: ui-actions
Code Point: f053

Restore From Trash

Class: restore_from_trash
Category: ui-actions
Code Point: e938

Right Click

Class: right_click
Category: ui-actions
Code Point: f706

Right Panel Close

Class: right_panel_close
Category: ui-actions
Code Point: f705

Right Panel Open

Class: right_panel_open
Category: ui-actions
Code Point: f704

Saved Search

Class: saved_search
Category: ui-actions
Code Point: ea11

Search

Class: search
Category: ui-actions
Code Point: e8b6

Search Check

Class: search_check
Category: ui-actions
Code Point: f800

Search Off

Class: search_off
Category: ui-actions
Code Point: ea76

Select All

Class: select_all
Category: ui-actions
Code Point: e162

Select Check Box

Class: select_check_box
Category: ui-actions
Code Point: f1fe

Send Time Extension

Class: send_time_extension
Category: ui-actions
Code Point: eadb

Settings

Class: settings
Category: ui-actions
Code Point: e8b8

Settings Accessibility

Class: settings_accessibility
Category: ui-actions
Code Point: f05d

Settings Applications

Class: settings_applications
Category: ui-actions
Code Point: e8b9

Settings Backup Restore

Class: settings_backup_restore
Category: ui-actions
Code Point: e8ba

Share Reviews

Class: share_reviews
Category: ui-actions
Code Point: f8a4

Shelf Auto Hide

Class: shelf_auto_hide
Category: ui-actions
Code Point: f703

Shelf Position

Class: shelf_position
Category: ui-actions
Code Point: f702

Shopping Cart Checkout

Class: shopping_cart_checkout
Category: ui-actions
Code Point: eb88

Sort

Class: sort
Category: ui-actions
Code Point: e164

Sort By Alpha

Class: sort_by_alpha
Category: ui-actions
Code Point: e053

Star

Class: star
Category: ui-actions
Code Point: e838

Star Half

Class: star_half
Category: ui-actions
Code Point: e839

Star Rate

Class: star_rate
Category: ui-actions
Code Point: f0ec

Star Rate Half

Class: star_rate_half
Category: ui-actions
Code Point: ec45

Start

Class: start
Category: ui-actions
Code Point: e089

Step

Class: step
Category: ui-actions
Code Point: f6fe

Step Into

Class: step_into
Category: ui-actions
Code Point: f701

Step Out

Class: step_out
Category: ui-actions
Code Point: f700

Step Over

Class: step_over
Category: ui-actions
Code Point: f6ff

Subdirectory Arrow Left

Class: subdirectory_arrow_left
Category: ui-actions
Code Point: e5d9

Subdirectory Arrow Right

Class: subdirectory_arrow_right
Category: ui-actions
Code Point: e5da

Swap Horiz

Class: swap_horiz
Category: ui-actions
Code Point: e8d4

Swap Horizontal Circle

Class: swap_horizontal_circle
Category: ui-actions
Code Point: e933

Swap Vert

Class: swap_vert
Category: ui-actions
Code Point: e8d5

Swap Vertical Circle

Class: swap_vertical_circle
Category: ui-actions
Code Point: e8d6

Swipe Down

Class: swipe_down
Category: ui-actions
Code Point: eb53

Swipe Down Alt

Class: swipe_down_alt
Category: ui-actions
Code Point: eb30

Swipe Left

Class: swipe_left
Category: ui-actions
Code Point: eb59

Swipe Left Alt

Class: swipe_left_alt
Category: ui-actions
Code Point: eb33

Swipe Right

Class: swipe_right
Category: ui-actions
Code Point: eb52

Swipe Right Alt

Class: swipe_right_alt
Category: ui-actions
Code Point: eb56

Swipe Up

Class: swipe_up
Category: ui-actions
Code Point: eb2e

Swipe Up Alt

Class: swipe_up_alt
Category: ui-actions
Code Point: eb35

Swipe Vertical

Class: swipe_vertical
Category: ui-actions
Code Point: eb51

Swipe Vertical

Class: swipe_vertical
Category: ui-actions
Code Point: eb51

Switch Access

Class: switch_access
Category: ui-actions
Code Point: f6fd

Switch Access Shortcut

Class: switch_access_shortcut
Category: ui-actions
Code Point: e7e1

Switch Access Shortcut Add

Class: switch_access_shortcut_add
Category: ui-actions
Code Point: e7e2

Switch Left

Class: switch_left
Category: ui-actions
Code Point: f1d1

Switch Right

Class: switch_right
Category: ui-actions
Code Point: f1d2

Sync

Class: sync
Category: ui-actions
Code Point: e627

Sync Alt

Class: sync_alt
Category: ui-actions
Code Point: ea18

Sync Disabled

Class: sync_disabled
Category: ui-actions
Code Point: e628

Sync Problem

Class: sync_problem
Category: ui-actions
Code Point: e629

Sync Saved Locally

Class: sync_saved_locally
Category: ui-actions
Code Point: f820