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.

Currency Lira

Class: currency_lira
Category: business_payments
Code Point: eaef

Currency Pound

Class: currency_pound
Category: business_payments
Code Point: eaf1

Currency Ruble

Class: currency_ruble
Category: business_payments
Code Point: eaec

Currency Rupee

Class: currency_rupee
Category: business_payments
Code Point: eaf7

Currency Yen

Class: currency_yen
Category: business_payments
Code Point: eafb

Currency Yuan

Class: currency_yuan
Category: business_payments
Code Point: eaf9

Data Exploration

Class: data_exploration
Category: business_payments
Code Point: e76f

Database

Class: database
Category: business_payments
Code Point: ec0b

Domain

Class: domain
Category: business_payments
Code Point: e7ee

Domain Add

Class: domain_add
Category: business_payments
Code Point: eb62

Domain Disabled

Class: domain_disabled
Category: business_payments
Code Point: e0ef

Donut Large

Class: donut_large
Category: business_payments
Code Point: e917

Donut Small

Class: donut_small
Category: business_payments
Code Point: e918

Euro

Class: euro
Category: business_payments
Code Point: ea15

Euro Symbol

Class: euro_symbol
Category: business_payments
Code Point: e926

Family History

Class: family_history
Category: business_payments
Code Point: e0ad

Flowsheet

Class: flowsheet
Category: business_payments
Code Point: e0ae

Forklift

Class: forklift
Category: business_payments
Code Point: f868

Front Loader

Class: front_loader
Category: business_payments
Code Point: f869

Full Stacked Bar Chart

Class: full_stacked_bar_chart
Category: business_payments
Code Point: f212

Grouped Bar Chart

Class: grouped_bar_chart
Category: business_payments
Code Point: f211

Inactive Order

Class: inactive_order
Category: business_payments
Code Point: e0fc

Insert Chart

Class: insert_chart
Category: business_payments
Code Point: e24b

Insights

Class: insights
Category: business_payments
Code Point: f092

Leaderboard

Class: leaderboard
Category: business_payments
Code Point: f20c

Legend Toggle

Class: legend_toggle
Category: business_payments
Code Point: f11b

Loyalty

Class: loyalty
Category: business_payments
Code Point: e89a

Lyrics

Class: lyrics
Category: business_payments
Code Point: ec0b

Mediation

Class: mediation
Category: business_payments
Code Point: efa7

Meeting Room

Class: meeting_room
Category: business_payments
Code Point: eb4f

Monetization On

Class: monetization_on
Category: business_payments
Code Point: e263

Money

Class: money
Category: business_payments
Code Point: e57d

Money Off

Class: money_off
Category: business_payments
Code Point: e25c

Monitoring

Class: monitoring
Category: business_payments
Code Point: f190

Multiline Chart

Class: multiline_chart
Category: business_payments
Code Point: e6df

Next Week

Class: next_week
Category: business_payments
Code Point: e16a

No Meeting Room

Class: no_meeting_room
Category: business_payments
Code Point: eb4e

Order Approve

Class: order_approve
Category: business_payments
Code Point: f812

Order Play

Class: order_play
Category: business_payments
Code Point: f811

Paid

Class: paid
Category: business_payments
Code Point: f041

Pallet

Class: pallet
Category: business_payments
Code Point: f86a

Payments

Class: payments
Category: business_payments
Code Point: ef63

Pie Chart

Class: pie_chart
Category: business_payments
Code Point: e6c4

Podium

Class: podium
Category: business_payments
Code Point: ec0b

Precision Manufacturing

Class: precision_manufacturing
Category: business_payments
Code Point: f049

Price Change

Class: price_change
Category: business_payments
Code Point: f04a

Price Check

Class: price_check
Category: business_payments
Code Point: f04b

Production Quantity Limits

Class: production_quantity_limits
Category: business_payments
Code Point: e1d1

Qr Code 2

Class: qr_code_2
Category: business_payments
Code Point: e00a

Qr Code Scanner

Class: qr_code_scanner
Category: business_payments
Code Point: f206

Qr Code

Class: qr_code
Category: business_payments
Code Point: ef6b

Query Stats

Class: query_stats
Category: business_payments
Code Point: e4fc

Receipt

Class: receipt
Category: business_payments
Code Point: e8b0

Receipt Long

Class: receipt_long
Category: business_payments
Code Point: ec0b

Redeem

Class: redeem
Category: business_payments
Code Point: e8b1

Remove Shopping Cart

Class: remove_shopping_cart
Category: business_payments
Code Point: e928

Room Preferences

Class: room_preferences
Category: business_payments
Code Point: f1b8

Savings

Class: savings
Category: business_payments
Code Point: e2eb

Scatter Plot

Class: scatter_plot
Category: business_payments
Code Point: e268

Schema

Class: schema
Category: business_payments
Code Point: e4fd

Sell

Class: sell
Category: business_payments
Code Point: f05b

Shop

Class: shop
Category: business_payments
Code Point: e8c9

Shop Two

Class: shop_two
Category: business_payments
Code Point: e8ca

Shopping Bag

Class: shopping_bag
Category: business_payments
Code Point: f1cc

Shopping Basket

Class: shopping_basket
Category: business_payments
Code Point: e8cb

Shopping Cart

Class: shopping_cart
Category: business_payments
Code Point: e8cc

Show Chart

Class: show_chart
Category: business_payments
Code Point: e6e1

Ssid Chart

Class: ssid_chart
Category: business_payments
Code Point: eb66

Stacked Bar Chart

Class: stacked_bar_chart
Category: business_payments
Code Point: e9e6

Stacked Line Chart

Class: stacked_line_chart
Category: business_payments
Code Point: ec0b

Store

Class: store
Category: business_payments
Code Point: e8d1

Storefront

Class: storefront
Category: business_payments
Code Point: ea12

Strikethrough S

Class: strikethrough_s
Category: business_payments
Code Point: e257

Tenancy

Class: tenancy
Category: business_payments
Code Point: f0e3

Timeline

Class: timeline
Category: business_payments
Code Point: e922

Toll

Class: toll
Category: business_payments
Code Point: e8e0

Track Changes

Class: track_changes
Category: business_payments
Code Point: e8e1

Trending Down

Class: trending_down
Category: business_payments
Code Point: e8e3

Trending Flat

Class: trending_flat
Category: business_payments
Code Point: e8e4

Trending Up

Class: trending_up
Category: business_payments
Code Point: ec0b

Trolley

Class: trolley
Category: business_payments
Code Point: f86b

Wallet

Class: wallet
Category: business_payments
Code Point: f8ff

Waterfall Chart

Class: waterfall_chart
Category: business_payments
Code Point: ea00

Work

Class: work
Category: business_payments
Code Point: e8f9

Work History

Class: work_history
Category: business_payments
Code Point: ec09

3D Rotation

Class: 3d_rotation
Category: common_action
Code Point: e84d

Accessibility

Class: accessibility
Category: common_action
Code Point: e84e

Accessibility New

Class: accessibility_new
Category: common_action
Code Point: e92c

Accessible

Class: accessible
Category: common_action
Code Point: e914

Accessible Forward

Class: accessible_forward
Category: common_action
Code Point: e934

Account Box

Class: account_box
Category: common_action
Code Point: e851

Account Circle

Class: account_circle
Category: common_action
Code Point: e853

Account Circle Off

Class: account_circle_off
Category: common_action
Code Point: f7b3

Ad Off

Class: ad_off
Category: common_action
Code Point: f7b2

Ad Units

Class: ad_units
Category: common_action
Code Point: ef39

Add Alert

Class: add_alert
Category: common_action
Code Point: e003