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.

Other Houses

Class: other_houses
Category: travel
Code Point: e58c

Pool

Class: pool
Category: travel
Code Point: eb48

Ramen Dining

Class: ramen_dining
Category: travel
Code Point: ea64

Rice Bowl

Class: rice_bowl
Category: travel
Code Point: f1f5

Smoke Free

Class: smoke_free
Category: travel
Code Point: eb4a

Smoking Rooms

Class: smoking_rooms
Category: travel
Code Point: eb4b

Spa

Class: spa
Category: travel
Code Point: eb4c

Sports Bar

Class: sports_bar
Category: travel
Code Point: f1f3

Stairs

Class: stairs
Category: travel
Code Point: f1a9

Tapas

Class: tapas
Category: travel
Code Point: f1e9

Villa

Class: villa
Category: travel
Code Point: e586

Wheelchair Pickup

Class: wheelchair_pickup
Category: travel
Code Point: f1ab

123

Class: 123
Category: ui-actions
Code Point: eb8d

Abc

Class: abc
Category: ui-actions
Code Point: eb94

Acute

Class: acute
Category: ui-actions
Code Point: e4cb

Add

Class: add
Category: ui-actions
Code Point: e145

Add Box

Class: add_box
Category: ui-actions
Code Point: e146

Add Circle

Class: add_circle
Category: ui-actions
Code Point: e147

Add Task

Class: add_task
Category: ui-actions
Code Point: f23a

All Match

Class: all_match
Category: ui-actions
Code Point: e093

Amend

Class: amend
Category: ui-actions
Code Point: f802

App Badging

Class: app_badging
Category: ui-actions
Code Point: f72f

App Registration

Class: app_registration
Category: ui-actions
Code Point: ef40

Apps

Class: apps
Category: ui-actions
Code Point: e5c3

Apps Outage

Class: apps_outage
Category: ui-actions
Code Point: e7cc

Arrow Back

Class: arrow_back
Category: ui-actions
Code Point: e5c4

Arrow Back Ios

Class: arrow_back_ios
Category: ui-actions
Code Point: e5e0

Arrow Back Ios New

Class: arrow_back_ios_new
Category: ui-actions
Code Point: e2ea

Arrow Circle Down

Class: arrow_circle_down
Category: ui-actions
Code Point: f181

Arrow Circle Left

Class: arrow_circle_left
Category: ui-actions
Code Point: eaa7

Arrow Circle Right

Class: arrow_circle_right
Category: ui-actions
Code Point: eaaa

Arrow Circle Up

Class: arrow_circle_up
Category: ui-actions
Code Point: f182

Arrow Downward

Class: arrow_downward
Category: ui-actions
Code Point: e5db

Arrow Drop Down

Class: arrow_drop_down
Category: ui-actions
Code Point: e5c5

Arrow Drop Down Circle

Class: arrow_drop_down_circle
Category: ui-actions
Code Point: e5c6

Arrow Drop Up

Class: arrow_drop_up
Category: ui-actions
Code Point: e5c7

Arrow Forward

Class: arrow_forward
Category: ui-actions
Code Point: e5c8

Arrow Forward Ios

Class: arrow_forward_ios
Category: ui-actions
Code Point: e5e1

Arrow Insert

Class: arrow_insert
Category: ui-actions
Code Point: f837

Arrow Left

Class: arrow_left
Category: ui-actions
Code Point: e5de

Arrow Range

Class: arrow_range
Category: ui-actions
Code Point: f69b

Arrow Right

Class: arrow_right
Category: ui-actions
Code Point: e5df

Arrow Right Alt

Class: arrow_right_alt
Category: ui-actions
Code Point: e941

Arrow Top Left

Class: arrow_top_left
Category: ui-actions
Code Point: f72e

Arrow Top Right

Class: arrow_top_right
Category: ui-actions
Code Point: f72d

Arrow Upward

Class: arrow_upward
Category: ui-actions
Code Point: f8ce

Arrow Upward

Class: arrow_upward
Category: ui-actions
Code Point: e5d8

Arrows Outward

Class: arrows_outward
Category: ui-actions
Code Point: f72c

Assistant Direction

Class: assistant_direction
Category: ui-actions
Code Point: e988

Assistant Navigation

Class: assistant_navigation
Category: ui-actions
Code Point: e989

Auto Mode

Class: auto_mode
Category: ui-actions
Code Point: ec20

Autorenew

Class: autorenew
Category: ui-actions
Code Point: e863

Back To Tab

Class: back_to_tab
Category: ui-actions
Code Point: f72b

Backspace

Class: backspace
Category: ui-actions
Code Point: e14a

Block

Class: block
Category: ui-actions
Code Point: e14b

Bolt

Class: bolt
Category: ui-actions
Code Point: ea0b

Bottom Panel Close

Class: bottom_panel_close
Category: ui-actions
Code Point: f72a

Bottom Panel Open

Class: bottom_panel_open
Category: ui-actions
Code Point: f729

Browse Activity

Class: browse_activity
Category: ui-actions
Code Point: f8a5

Browse Gallery

Class: browse_gallery
Category: ui-actions
Code Point: ebd1

Cached

Class: cached
Category: ui-actions
Code Point: e86a

Cancel

Class: cancel
Category: ui-actions
Code Point: e5c9

Captive Portal

Class: captive_portal
Category: ui-actions
Code Point: f728

Capture

Class: capture
Category: ui-actions
Code Point: f727

Change Circle

Class: change_circle
Category: ui-actions
Code Point: e2e7

Check

Class: check
Category: ui-actions
Code Point: e5ca

Check Box

Class: check_box
Category: ui-actions
Code Point: e834

Check Box Outline Blank

Class: check_box_outline_blank
Category: ui-actions
Code Point: e835

Check Circle

Class: check_circle
Category: ui-actions
Code Point: e86c

Check Indeterminate Small

Class: check_indeterminate_small
Category: ui-actions
Code Point: f88a

Check Small

Class: check_small
Category: ui-actions
Code Point: f88b

Chevron Left

Class: chevron_left
Category: ui-actions
Code Point: e5cb

Chevron Right

Class: chevron_right
Category: ui-actions
Code Point: e5cc

Chip Extraction

Class: chip_extraction
Category: ui-actions
Code Point: f821

Chronic

Class: chronic
Category: ui-actions
Code Point: ebb2

Clear All

Class: clear_all
Category: ui-actions
Code Point: e0b8

Clock Loader 10

Class: clock_loader_10
Category: ui-actions
Code Point: f726

Clock Loader 20

Class: clock_loader_20
Category: ui-actions
Code Point: f725

Clock Loader 40

Class: clock_loader_40
Category: ui-actions
Code Point: f724

Clock Loader 60

Class: clock_loader_60
Category: ui-actions
Code Point: f723

Clock Loader 80

Class: clock_loader_80
Category: ui-actions
Code Point: f722

Clock Loader 90

Class: clock_loader_90
Category: ui-actions
Code Point: f721

Close Fullscreen

Class: close_fullscreen
Category: ui-actions
Code Point: f1cf

Compare Arrows

Class: compare_arrows
Category: ui-actions
Code Point: e915

Compress

Class: compress
Category: ui-actions
Code Point: e94d

Create New Folder

Class: create_new_folder
Category: ui-actions
Code Point: e2cc

Css

Class: css
Category: ui-actions
Code Point: eb93

Cycle

Class: cycle
Category: ui-actions
Code Point: f854

Data Alert

Class: data_alert
Category: ui-actions
Code Point: f7f6

Data Check

Class: data_check
Category: ui-actions
Code Point: f7f2

Data Info Alert

Class: data_info_alert
Category: ui-actions
Code Point: f7f5

Data Thresholding

Class: data_thresholding
Category: ui-actions
Code Point: eb9f

Dataset

Class: dataset
Category: ui-actions
Code Point: f8ee

Dataset Link

Class: dataset_link
Category: ui-actions
Code Point: f8ef

Delete

Class: delete
Category: ui-actions
Code Point: e872

Delete Forever

Class: delete_forever
Category: ui-actions
Code Point: e92b