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.

Air

Class: air
Category: activity
Code Point: efd8

Architecture

Class: architecture
Category: activity
Code Point: e50a

Avg Pace

Class: avg_pace
Category: activity
Code Point: f6bb

Avg Time

Class: avg_time
Category: activity
Code Point: f813

Azm

Class: azm
Category: activity
Code Point: f6ec

Backpack

Class: backpack
Category: activity
Code Point: f19c

Bath Outdoor

Class: bath_outdoor
Category: activity
Code Point: f6fb

Bath Private

Class: bath_private
Category: activity
Code Point: f6fa

Bath Public Large

Class: bath_public_large
Category: activity
Code Point: f6f9

Bia

Class: bia
Category: activity
Code Point: f6eb

Biotech

Class: biotech
Category: activity
Code Point: ea3a

Cake

Class: cake
Category: activity
Code Point: e7e9

Cake Add

Class: cake_add
Category: activity
Code Point: f237

Campaign

Class: campaign
Category: activity
Code Point: ef49

Camping

Class: camping
Category: activity
Code Point: f8a2

Check In Out

Class: check_in_out
Category: activity
Code Point: f6f6

Confirmation Number

Class: confirmation_number
Category: activity
Code Point: e638

Construction

Class: construction
Category: activity
Code Point: ea3c

Distance

Class: distance
Category: activity
Code Point: f6ea

Downhill Skiing

Class: downhill_skiing
Category: activity
Code Point: e509

Ecg Heart

Class: ecg_heart
Category: activity
Code Point: f6e9

Eda

Class: eda
Category: activity
Code Point: f6e8

Elevation

Class: elevation
Category: activity
Code Point: f6e7

Engineering

Class: engineering
Category: activity
Code Point: ea3d

Exercise

Class: exercise
Category: activity
Code Point: f6e6

Fertile

Class: fertile
Category: activity
Code Point: f6e5

Floor

Class: floor
Category: activity
Code Point: f6e4

Glass Cup

Class: glass_cup
Category: activity
Code Point: f6e3

Health Metrics

Class: health_metrics
Category: activity
Code Point: f6e2

Hiking

Class: hiking
Category: activity
Code Point: e50a

How To Vote

Class: how_to_vote
Category: activity
Code Point: e175

Hr Resting

Class: hr_resting
Category: activity
Code Point: f6ba

Ice Skating

Class: ice_skating
Category: activity
Code Point: e50b

Interactive Space

Class: interactive_space
Category: activity
Code Point: f7ff

Kayaking

Class: kayaking
Category: activity
Code Point: e50c

Kitesurfing

Class: kitesurfing
Category: activity
Code Point: e50d

Laps

Class: laps
Category: activity
Code Point: f6e9

Menstrual Health

Class: menstrual_health
Category: activity
Code Point: f6e1

Mindfulness

Class: mindfulness
Category: activity
Code Point: f6e0

Monitor Weight Gain

Class: monitor_weight_gain
Category: activity
Code Point: f6df

Monitor Weight Loss

Class: monitor_weight_loss
Category: activity
Code Point: f6de

Nights Stay

Class: nights_stay
Category: activity
Code Point: ea46

No Backpack

Class: no_backpack
Category: activity
Code Point: f237

Nordic Walking

Class: nordic_walking
Category: activity
Code Point: f887

Onsen

Class: onsen
Category: activity
Code Point: f6f8

Pace

Class: pace
Category: activity
Code Point: f6b8

Paragliding

Class: paragliding
Category: activity
Code Point: e50f

Person Celebrate

Class: person_celebrate
Category: activity
Code Point: f7fe

Person Play

Class: person_play
Category: activity
Code Point: f7fd

Personal Injury

Class: personal_injury
Category: activity
Code Point: e6da

Phishing

Class: phishing
Category: activity
Code Point: ead7

Physical Therapy

Class: physical_therapy
Category: activity
Code Point: e11e

Piano

Class: piano
Category: activity
Code Point: e521

Piano Off

Class: piano_off
Category: activity
Code Point: e520

Play Shapes

Class: play_shapes
Category: activity
Code Point: f7fc

Podiatry

Class: podiatry
Category: activity
Code Point: e120

Readiness Score

Class: readiness_score
Category: activity
Code Point: f6dd

Real Estate Agent

Class: real_estate_agent
Category: activity
Code Point: e73a

Relax

Class: relax
Category: activity
Code Point: f6dc

Roller Skating

Class: roller_skating
Category: activity
Code Point: f887

Rowing

Class: rowing
Category: activity
Code Point: e921

Sauna

Class: sauna
Category: activity
Code Point: f6f7

School

Class: school
Category: activity
Code Point: e80c

Science

Class: science
Category: activity
Code Point: ea70

Scoreboard

Class: scoreboard
Category: activity
Code Point: ebd0

Scuba Diving

Class: scuba_diving
Category: activity
Code Point: e50d

Self Improvement

Class: self_improvement
Category: activity
Code Point: ea78

Skateboarding

Class: skateboarding
Category: activity
Code Point: e511

Sledding

Class: sledding
Category: activity
Code Point: e512

Sleep

Class: sleep
Category: activity
Code Point: e213

Sleep Score

Class: spo2
Category: activity
Code Point: f6b7

Snowboarding

Class: snowboarding
Category: activity
Code Point: e513

Snowshoeing

Class: snowshoeing
Category: activity
Code Point: e514

Spo2

Class: spo2
Category: activity
Code Point: f6db

Sports

Class: sports
Category: activity
Code Point: ea30

Sports Baseball

Class: sports_baseball
Category: activity
Code Point: ea51

Sports Basketball

Class: sports_basketball
Category: activity
Code Point: ea26

Sports Cricket

Class: sports_cricket
Category: activity
Code Point: ea27

Sports Esports

Class: sports_esports
Category: activity
Code Point: ea28

Sports Football

Class: sports_football
Category: activity
Code Point: ea29

Sports Golf

Class: sports_golf
Category: activity
Code Point: e511

Sports Gymnastics

Class: sports_gymnastics
Category: activity
Code Point: ea46

Sports Handball

Class: sports_handball
Category: activity
Code Point: ead7

Sports Hockey

Class: sports_hockey
Category: activity
Code Point: ea2b

Sports Kabaddi

Class: sports_kabaddi
Category: activity
Code Point: ea34

Sports Martial Arts

Class: sports_martial_arts
Category: activity
Code Point: eae9

Sports Mma

Class: sports_mma
Category: activity
Code Point: ea2c

Sports Motorsports

Class: sports_motorsports
Category: activity
Code Point: ea2d

Sports Rugby

Class: sports_rugby
Category: activity
Code Point: ea2e

Sports Score

Class: sports_score
Category: activity
Code Point: f06e

Sports Tennis

Class: sports_tennis
Category: activity
Code Point: ea32

Sports Volleyball

Class: sports_volleyball
Category: activity
Code Point: ea31

Sprint

Class: sprint
Category: activity
Code Point: f81f

Steps

Class: steps
Category: activity
Code Point: f6da

Storm

Class: storm
Category: activity
Code Point: f070

Stress Management

Class: stress_management
Category: activity
Code Point: f6d9