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.

Admin Meds

Class: admin_meds
Category: social
Code Point: e48d

Agender

Class: agender
Category: social
Code Point: f888

Allergies

Class: allergies
Category: social
Code Point: allergies

Allergy

Class: allergy
Category: social
Code Point: e64e

Altitude

Class: altitude
Category: social
Code Point: f873

Barefoot

Class: barefoot
Category: social
Code Point: f871

Bedtime

Class: bedtime
Category: social
Code Point: ef44

Bedtime Off

Class: bedtime_off
Category: social
Code Point: eb76

Blind

Class: blind
Category: social
Code Point: f8d6

Bloodtype

Class: bloodtype
Category: social
Code Point: efe4

Body Fat

Class: body_fat
Category: social
Code Point: e098

Body System

Class: body_system
Category: social
Code Point: e099

Boy

Class: boy
Category: social
Code Point: eb67

Breastfeeding

Class: breastfeeding
Category: social
Code Point: f856

Bring Your Own Ip

Class: bring_your_own_ip
Category: social
Code Point: e016

Cardiology

Class: cardiology
Category: social
Code Point: cardiology

Cheer

Class: cheer
Category: social
Code Point: f6a8

Clean Hands

Class: clean_hands
Category: social
Code Point: f21f

Clear Day

Class: clear_day
Category: social
Code Point: f157

Clear Night

Class: clear_night
Category: social
Code Point: f159

Clinical Notes

Class: clinical_notes
Category: social
Code Point: e09e

Cloudy

Class: cloudy
Category: social
Code Point: f15b

Cloudy Snowing

Class: cloudy_snowing
Category: social
Code Point: e810

Co2

Class: co2
Category: social
Code Point: e7b0

Cognition

Class: cognition
Category: social
Code Point: e09f

Communication

Class: communication
Category: social
Code Point: e27c

Compost

Class: compost
Category: social
Code Point: e761

Conditions

Class: conditions
Category: social
Code Point: e0a0

Congenital

Class: congenital
Category: social
Code Point: e0a1

Connect Without Contact

Class: connect_without_contact
Category: social
Code Point: f223

Cookie

Class: cookie
Category: social
Code Point: eaac

Cookie Off

Class: cookie_off
Category: social
Code Point: f79a

Coronavirus

Class: coronavirus
Category: social
Code Point: f221

Cruelty Free

Class: cruelty_free
Category: social
Code Point: e799

Cyclone

Class: cyclone
Category: social
Code Point: ebd5

Deceased

Class: deceased
Category: social
Code Point: e0a5

Demography

Class: demography
Category: social
Code Point: e489

Dentistry

Class: dentistry
Category: social
Code Point: e0a6

Dermatology

Class: dermatology
Category: social
Code Point: e0a7

Dew Point

Class: dew_point
Category: social
Code Point: f879

Diamond

Class: diamond
Category: social
Code Point: ead5

Diversity 1

Class: diversity_1
Category: social
Code Point: f8d7

Diversity 2

Class: diversity_2
Category: social
Code Point: f8d8

Diversity 3

Class: diversity_3
Category: social
Code Point: f8d9

Diversity 4

Class: diversity_4
Category: social
Code Point: f857

Eco

Class: eco
Category: social
Code Point: ea35

Egg

Class: egg
Category: social
Code Point: eacc

Egg Alt

Class: egg_alt
Category: social
Code Point: eac8

Elderly

Class: elderly
Category: social
Code Point: f21a

Elderly Woman

Class: elderly_woman
Category: social
Code Point: eb69

Emoji Flags

Class: emoji_flags
Category: social
Code Point: ea1a

Emoji Food Beverage

Class: emoji_food_beverage
Category: social
Code Point: ea1b

Emoji Nature

Class: emoji_nature
Category: social
Code Point: ea1c

Emoji Objects

Class: emoji_objects
Category: social
Code Point: ea24

Emoji People

Class: emoji_people
Category: social
Code Point: ea1d

Emoji Symbols

Class: emoji_symbols
Category: social
Code Point: ea1e

Emoji Transportation

Class: emoji_transportation
Category: social
Code Point: ea1f

Emoticon

Class: emoticon
Category: social
Code Point: e5f3

Endocrinology

Class: endocrinology
Category: social
Code Point: e0a9

Ent

Class: ent
Category: social
Code Point: e0aa

Explosion

Class: explosion
Category: social
Code Point: f685

Eyeglasses

Class: eyeglasses
Category: social
Code Point: f6ee

Face

Class: face
Category: social
Code Point: e87c

Face 2

Class: face_2
Category: social
Code Point: f8da

Face 3

Class: face_3
Category: social
Code Point: f8db

Face 4

Class: face_4
Category: social
Code Point: f8dc

Face 5

Class: face_5
Category: social
Code Point: f8dd

Face 6

Class: face_6
Category: social
Code Point: f8de

Female

Class: female
Category: social
Code Point: e590

Femur

Class: femur
Category: social
Code Point: f891

Femur Alt

Class: femur_alt
Category: social
Code Point: f892

Flood

Class: flood
Category: social
Code Point: ebe6

Fluid

Class: fluid
Category: social
Code Point: e483

Fluid Balance

Class: fluid_balance
Category: social
Code Point: f80d

Fluid Med

Class: fluid_med
Category: social
Code Point: f80c

Foggy

Class: foggy
Category: social
Code Point: e818

Follow The Signs

Class: follow_the_signs
Category: social
Code Point: f222

Foot Bones

Class: foot_bones
Category: social
Code Point: f893

Footprint

Class: footprint
Category: social
Code Point: f87d

Forest

Class: forest
Category: social
Code Point: ea99

Front Hand

Class: front_hand
Category: social
Code Point: e769

Garden Cart

Class: garden_cart
Category: social
Code Point: f8a9

Gastroenterology

Class: gastroenterology
Category: social
Code Point: e0f1

Gavel

Class: gavel
Category: social
Code Point: e90e

Genetics

Class: genetics
Category: social
Code Point: e0f3

Girl

Class: girl
Category: social
Code Point: eb68

Globe Asia

Class: globe_asia
Category: social
Code Point: f799

Globe Uk

Class: globe_uk
Category: social
Code Point: f798

Glucose

Class: glucose
Category: social
Code Point: e4a0

Group

Class: group
Category: social
Code Point: e7ef

Group Add

Class: group_add
Category: social
Code Point: e7f0

Group Off

Class: group_off
Category: social
Code Point: e747

Group Remove

Class: group_remove
Category: social
Code Point: e7ad

Group Work

Class: group_work
Category: social
Code Point: e886

Groups

Class: groups
Category: social
Code Point: f233

Groups 2

Class: groups_2
Category: social
Code Point: f8df