Font Icon Library

Material Symbols Icon Search

Search and preview Material Symbols icons, then copy the CSS class, HTML markup, or code point for your project. Material Symbols supports variable fill, weight, grade, and optical-size axes for flexible interface icon styling. Font icons behave like text: CSS can control their size, color, alignment, and interaction states without editing an image file. A consistent icon family also helps users recognize repeated actions more quickly across navigation, forms, and controls. Use visible text or an accessible label whenever an icon communicates an action. For performance, load only the library and styles your interface needs. Confirm licensing and usage requirements with the library publisher before distributing a finished product.

Fill 0 Weight 400 Grade 0 Optical 40

Fan Indirect

fan_indirect

Package: Material Symbols
Category: Transit
Code Point: f333

Flight

flight

Package: Material Symbols
Category: Transit
Code Point: e539

ai air air travel aircraft

Flight Land

flight_land

Package: Material Symbols
Category: Transit
Code Point: e904

air aircraft airplane airplanes

Flight Takeoff

flight_takeoff

Package: Material Symbols
Category: Transit
Code Point: e905

air air transport air travel aircraft

Flyover

flyover

Package: Material Symbols
Category: Transit
Code Point: f478

aerial angle bird's eye view bridge

Fork Left

fork_left

Package: Material Symbols
Category: Transit
Code Point: eba0

alternative arrow arrows branch left

Fork Right

fork_right

Package: Material Symbols
Category: Transit
Code Point: ebac

arrow arrow right arrows branch right

Funicular

funicular

Package: Material Symbols
Category: Transit
Code Point: f477

alpine ascent automobile cabin

Garage Check

garage_check

Package: Material Symbols
Category: Transit
Code Point: f28d

achievement approved auto automobile

Garage Money

garage_money

Package: Material Symbols
Category: Transit
Code Point: f28c

accounting automobile automotive banking

Gondola Lift

gondola_lift

Package: Material Symbols
Category: Transit
Code Point: f476

adventure aerial tramway air ascent

Hail

hail

Package: Material Symbols
Category: Transit
Code Point: e9b1

alert bad weather body circles

Hov

hov

Package: Material Symbols
Category: Transit
Code Point: f475

active area arrow carpool

Hvac Max Defrost

hvac_max_defrost

Package: Material Symbols
Category: Transit
Code Point: f332

ac air conditioning airflow arrows

Local Shipping

local_shipping

Package: Material Symbols
Category: Transit
Code Point: e558

automobile box business car

Local Taxi

local_taxi

Package: Material Symbols
Category: Transit
Code Point: e559

appointment auto automobile booking

Metro

metro

Package: Material Symbols
Category: Transit
Code Point: f474

M alphabet city commuter

Monorail

monorail

Package: Material Symbols
Category: Transit
Code Point: f473

automobile car carriage cars

Moped

moped

Package: Material Symbols
Category: Transit
Code Point: eb28

automobile bike buy car

Moped Package

moped_package

Package: Material Symbols
Category: Transit
Code Point: f28b

automobile bike box car

Motorcycle

motorcycle

Package: Material Symbols
Category: Transit
Code Point: e91b

adventure automobile bicycle bike

No Crash

no_crash

Package: Material Symbols
Category: Transit
Code Point: ebf0

accident alert auto automobile

No Transfer

no_transfer

Package: Material Symbols
Category: Transit
Code Point: f1d5

alert automobile bus cancelled

Parking Meter

parking_meter

Package: Material Symbols
Category: Transit
Code Point: f28a

auto automate automobile car

Parking Sign

parking_sign

Package: Material Symbols
Category: Transit
Code Point: f289

area auto automobile car

Parking Valet

parking_valet

Package: Material Symbols
Category: Transit
Code Point: f288

attendant auto automative automobile

Pedal Bike

pedal_bike

Package: Material Symbols
Category: Transit
Code Point: eb29

active automobile bicycle bike

Plane Contrails

plane_contrails

Package: Material Symbols
Category: Transit
Code Point: f2ac

abstract air aircraft airplane

Railway Alert

railway_alert

Package: Material Symbols
Category: Transit
Code Point: e9d1

! alert attention automobile

Railway Alert 2

railway_alert_2

Package: Material Symbols
Category: Transit
Code Point: f461

! alert attention automobile

Road

road

Package: Material Symbols
Category: Transit
Code Point: f472

avenue boulevard destination direction

Rv Hookup

rv_hookup

Package: Material Symbols
Category: Transit
Code Point: e642

arrow attach automobile automotive

Sailing

sailing

Package: Material Symbols
Category: Transit
Code Point: e502

adventure aquatic boat boating

Scooter

scooter

Package: Material Symbols
Category: Transit
Code Point: f471

automobile bicycle bike city

Seat Cool Left

seat_cool_left

Package: Material Symbols
Category: Transit
Code Point: f331

ac adjustable air arrow

Seat Cool Right

seat_cool_right

Package: Material Symbols
Category: Transit
Code Point: f330

ac air airflow arrow

Seat Heat Left

seat_heat_left

Package: Material Symbols
Category: Transit
Code Point: f32f

adjustment arrow auto automobile

Seat Heat Right

seat_heat_right

Package: Material Symbols
Category: Transit
Code Point: f32e

adjustable arrow automobile automotive

Seat Read

seat_read

Package: Material Symbols
Category: Transit
Code Point: ffeda

airplane amenity automobile book

Seat Vent Left

seat_vent_left

Package: Material Symbols
Category: Transit
Code Point: f32d

adjustment air air flow airflow

Seat Vent Right

seat_vent_right

Package: Material Symbols
Category: Transit
Code Point: f32c

adjust air airflow arrow

Seat Window

seat_window

Package: Material Symbols
Category: Transit
Code Point: ffee1

airline airplane automobile aviation

Snowmobile

snowmobile

Package: Material Symbols
Category: Transit
Code Point: e503

activity adventure automobile car

Speed Camera

speed_camera

Package: Material Symbols
Category: Transit
Code Point: f470

alert car driving enforcement

Steering Wheel Cool

steering_wheel_cool

Package: Material Symbols
Category: Transit
Code Point: ffebd

ac air conditioning auto automobile

Steering Wheel Heat

steering_wheel_heat

Package: Material Symbols
Category: Transit
Code Point: f32b

accessory auto automobile automotive

Subway

subway

Package: Material Symbols
Category: Transit
Code Point: e56f

automobile bike car cars

Subway Walk

subway_walk

Package: Material Symbols
Category: Transit
Code Point: f287

automobile commute destination direction

Add Material Symbols to your website or app

Add the library once, copy an icon from the results above, and include an accessible label when the icon communicates meaning.

1. Load the icon library

<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined">

Reference version: Google Fonts variable icon font

2. Copy an icon

Use Copy class when you already have markup, or Copy HTML for a ready-to-paste element.

Code points are useful for CSS generated content and tools that work directly with icon fonts.

3. Keep icons accessible

Hide decorative icons from assistive technology. When an icon communicates meaning, pair it with visible text or an accessible label.

Confirm licensing and usage requirements with the library publisher before distributing a finished product.

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.

Community Poll

What is your favorite AI agent? (Choose up to 3)

2,334 votes

Choose up to 3 options.

Codex

Claude Code

Cursor

GitHub Copilot

Gemini / Jules

Devin

OpenClaw

Hermes Agent

Other

View Result

3,927 icons