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.

Directions Car

Class: directions_car
Category: transportation
Code Point: e531

Directions Railway

Class: directions_railway
Category: transportation
Code Point: e534

Directions Run

Class: directions_run
Category: transportation
Code Point: e566

Directions Subway

Class: directions_subway
Category: transportation
Code Point: e533

Directions Walk

Class: directions_walk
Category: transportation
Code Point: e536

Electric Bike

Class: electric_bike
Category: transportation
Code Point: eb1b

Electric Car

Class: electric_car
Category: transportation
Code Point: eb1c

Electric Moped

Class: electric_moped
Category: transportation
Code Point: eb1d

Electric Rickshaw

Class: electric_rickshaw
Category: transportation
Code Point: eb1e

Electric Scooter

Class: electric_scooter
Category: transportation
Code Point: eb1f

Flight

Class: flight
Category: transportation
Code Point: e539

Flight Land

Class: flight_land
Category: transportation
Code Point: e904

Flight Takeoff

Class: flight_takeoff
Category: transportation
Code Point: e905

Fork Left

Class: fork_left
Category: transportation
Code Point: eba0

Fork Right

Class: fork_right
Category: transportation
Code Point: ebac

Hail

Class: hail
Category: transportation
Code Point: e9b1

Local Shipping

Class: local_shipping
Category: transportation
Code Point: e558

Local Taxi

Class: local_taxi
Category: transportation
Code Point: e559

Motorcycle

Class: motorcycle
Category: transportation
Code Point: e91b

No Crash

Class: no_crash
Category: transportation
Code Point: ebf0

No Transfer

Class: no_transfer
Category: transportation
Code Point: f1d5

Pedal Bike

Class: pedal_bike
Category: transportation
Code Point: eb29

Railway Alert

Class: railway_alert
Category: transportation
Code Point: e9d1

Rv Hookup

Class: rv_hookup
Category: transportation
Code Point: e642

Sailing

Class: sailing
Category: transportation
Code Point: e502

Snowmobile

Class: snowmobile
Category: transportation
Code Point: e503

Subway

Class: subway
Category: transportation
Code Point: e56f

Taxi Alert

Class: taxi_alert
Category: transportation
Code Point: ef74

Tire Repair

Class: tire_repair
Category: transportation
Code Point: ebc8

Train

Class: train
Category: transportation
Code Point: e570

Tram

Class: tram
Category: transportation
Code Point: e571

Transportation

Class: transportation
Category: transportation
Code Point: e21d

Turn Left

Class: turn_left
Category: transportation
Code Point: eba6

Turn Right

Class: turn_right
Category: transportation
Code Point: ebab

Turn Sharp Left

Class: turn_sharp_left
Category: transportation
Code Point: eba7

Turn Sharp Right

Class: turn_sharp_right
Category: transportation
Code Point: ebaa

Turn Slight Left

Class: turn_slight_left
Category: transportation
Code Point: eba4

Turn Slight Right

Class: turn_slight_right
Category: transportation
Code Point: eb9a

Two Wheeler

Class: two_wheeler
Category: transportation
Code Point: e9f9

U Turn Left

Class: u_turn_left
Category: transportation
Code Point: eba1

U Turn Right

Class: u_turn_right
Category: transportation
Code Point: eba2

Airline Seat Flat

Class: airline_seat_flat
Category: travel
Code Point: e630

Airline Seat Flat Angled

Class: airline_seat_flat_angled
Category: travel
Code Point: e631

Airline Seat Individual Suite

Class: airline_seat_individual_suite
Category: travel
Code Point: e632

Airline Seat Legroom Extra

Class: airline_seat_legroom_extra
Category: travel
Code Point: e633

Airline Seat Legroom Normal

Class: airline_seat_legroom_normal
Category: travel
Code Point: e634

Airline Seat Legroom Reduced

Class: airline_seat_legroom_reduced
Category: travel
Code Point: e635

Airline Seat Recline Extra

Class: airline_seat_recline_extra
Category: travel
Code Point: e636

Airline Seat Recline Normal

Class: airline_seat_recline_normal
Category: travel
Code Point: e637

Airplane Ticket

Class: airplane_ticket
Category: travel
Code Point: efd9

Apartment

Class: apartment
Category: travel
Code Point: ea40

Attractions

Class: attractions
Category: travel
Code Point: ea52

Bakery Dining

Class: bakery_dining
Category: travel
Code Point: ea53

Beach Access

Class: beach_access
Category: travel
Code Point: eb3e

Bento

Class: bento
Category: travel
Code Point: f1f4

Breakfast Dining

Class: breakfast_dining
Category: travel
Code Point: ea54

Brunch Dining

Class: brunch_dining
Category: travel
Code Point: ea73

Bungalow

Class: bungalow
Category: travel
Code Point: e591

Cabin

Class: cabin
Category: travel
Code Point: e589

Car Rental

Class: car_rental
Category: travel
Code Point: ea55

Car Repair

Class: car_repair
Category: travel
Code Point: ea56

Carpenter

Class: carpenter
Category: travel
Code Point: f1f8

Casino

Class: casino
Category: travel
Code Point: eb40

Chalet

Class: chalet
Category: travel
Code Point: e585

Child Friendly

Class: child_friendly
Category: travel
Code Point: eb42

Cottage

Class: cottage
Category: travel
Code Point: e587

Dinner Dining

Class: dinner_dining
Category: travel
Code Point: ea57

Do Not Step

Class: do_not_step
Category: travel
Code Point: f19f

Do Not Touch

Class: do_not_touch
Category: travel
Code Point: f1b0

Elevator

Class: elevator
Category: travel
Code Point: f1a0

Escalator

Class: escalator
Category: travel
Code Point: f1a1

Escalator Warning

Class: escalator_warning
Category: travel
Code Point: f1ac

Family Restroom

Class: family_restroom
Category: travel
Code Point: f1a2

Festival

Class: festival
Category: travel
Code Point: ea68

Fitness Center

Class: fitness_center
Category: travel
Code Point: eb43

Food Bank

Class: food_bank
Category: travel
Code Point: f1f2

Gite

Class: gite
Category: travel
Code Point: e58b

Golf Course

Class: golf_course
Category: travel
Code Point: eb45

Holiday Village

Class: holiday_village
Category: travel
Code Point: e58a

Hotel

Class: hotel
Category: travel
Code Point: e53a

Houseboat

Class: houseboat
Category: travel
Code Point: e584

Icecream

Class: icecream
Category: travel
Code Point: ea69

Liquor

Class: liquor
Category: travel
Code Point: ea60

Local Bar

Class: local_bar
Category: travel
Code Point: Not available

Local Cafe

Class: local_cafe
Category: travel
Code Point: e541

Local Dining

Class: local_dining
Category: travel
Code Point: e556

Location City

Class: location_city
Category: travel
Code Point: e7f1

Luggage

Class: luggage
Category: travel
Code Point: f235

Lunch Dining

Class: lunch_dining
Category: travel
Code Point: ea61

Museum

Class: museum
Category: travel
Code Point: ea36

Night Shelter

Class: night_shelter
Category: travel
Code Point: f1f1

Nightlife

Class: nightlife
Category: travel
Code Point: ea62

No Drinks

Class: no_drinks
Category: travel
Code Point: f1a5

No Food

Class: no_food
Category: travel
Code Point: f1a7

No Luggage

Class: no_luggage
Category: travel
Code Point: f23b

No Stroller

Class: no_stroller
Category: travel
Code Point: f1af