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

Horizontal Align Left

horizontal_align_left

Package: Material Symbols
Category: Text
Code Point: fff9b

Horizontal Align Right

horizontal_align_right

Package: Material Symbols
Category: Text
Code Point: fff9a

adjust align alignment arrow

Horizontal Distribute

horizontal_distribute

Package: Material Symbols
Category: Text
Code Point: e014

align alignment application arrangement

Horizontal Split

horizontal_split

Package: Material Symbols
Category: Text
Code Point: e947

arrangement bars content organization display

Language International

language_international

Package: Material Symbols
Category: Text
Code Point: f75e

circle communication culture dialect

Line End

line_end

Package: Material Symbols
Category: Text
Code Point: f826

arrowhead arrowheads bar break

Line End Circle

line_end_circle

Package: Material Symbols
Category: Text
Code Point: f81b

achievement arrowhead arrowheads bar

Line Start Arrow Notch

line_start_arrow_notch

Package: Material Symbols
Category: Text
Code Point: f817

arrow arrowhead arrowheads begin

Line Weight

line_weight

Package: Material Symbols
Category: Text
Code Point: e91a

adjust bars content different sizes

List 2

list_2

Package: Material Symbols
Category: Text
Code Point: ffeca

alignment bars center content

List Alt Add

list_alt_add

Package: Material Symbols
Category: Text
Code Point: f756

+ action add add item

Page Footer

page_footer

Package: Material Symbols
Category: Text
Code Point: f383

area bars block bottom

Pen Size 2

pen_size_2

Package: Material Symbols
Category: Text
Code Point: f754

adjust art bars brush size

Pivot Table Chart

pivot_table_chart

Package: Material Symbols
Category: Text
Code Point: e9ce

accounting analysis analytics arrow

Reorder

reorder

Package: Material Symbols
Category: Text
Code Point: e8fe

adjust arrows bars burger

Rubric

rubric

Package: Material Symbols
Category: Text
Code Point: eb27

analytics approach assessment bar

Scan

scan

Package: Material Symbols
Category: Text
Code Point: f74e

article authentication barcode capture

Space Bar

space_bar

Package: Material Symbols
Category: Text
Code Point: e256

bar break button character

Table Chart

table_chart

Package: Material Symbols
Category: Text
Code Point: e265

analytics arrange bar bars

Table Chart View

table_chart_view

Package: Material Symbols
Category: Text
Code Point: f6ef

analysis analytics bar bars

Table Rows Narrow

table_rows_narrow

Package: Material Symbols
Category: Text
Code Point: f73f

adjust analytics arrange background

Text Select Jump To Beginning

text_select_jump_to_beginning

Package: Material Symbols
Category: Text
Code Point: f73d

arrow back bar beginning

Thumbnail Bar

thumbnail_bar

Package: Material Symbols
Category: Text
Code Point: f734

album bar browsing carousel

Titlecase

titlecase

Package: Material Symbols
Category: Text
Code Point: f489

a access denied access restricted alert

Top Panel Close

top_panel_close

Package: Material Symbols
Category: Text
Code Point: f733

action add arithmetic arrow

Vertical Align Center

vertical_align_center

Package: Material Symbols
Category: Text
Code Point: e259

align alignment arrange arrow

Vertical Distribute

vertical_distribute

Package: Material Symbols
Category: Text
Code Point: e076

align alignment bars design tools

View Day

view_day

Package: Material Symbols
Category: Text
Code Point: e8ed

appointment arrangement bar blocks

View Headline

view_headline

Package: Material Symbols
Category: Text
Code Point: e8ee

area arrangement article bars

View Sidebar

view_sidebar

Package: Material Symbols
Category: Text
Code Point: f114

area bar collapse column

View Week

view_week

Package: Material Symbols
Category: Text
Code Point: e8f3

agenda agenda view appointment appointments

Electric Moped

electric_moped

Package: Material Symbols
Category: Transit
Code Point: eb1d

automobile battery bike bolt

Electric Scooter

electric_scooter

Package: Material Symbols
Category: Transit
Code Point: eb1f

battery bike bolt city

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

Pedal Bike

pedal_bike

Package: Material Symbols
Category: Transit
Code Point: eb29

active automobile bicycle bike

Scooter

scooter

Package: Material Symbols
Category: Transit
Code Point: f471

automobile bicycle bike city

Snowmobile

snowmobile

Package: Material Symbols
Category: Transit
Code Point: e503

activity adventure automobile car

Walk Bike

walk_bike

Package: Material Symbols
Category: Transit
Code Point: fff01

active bicycle bike city

Beer Meal

beer_meal

Package: Material Symbols
Category: Travel
Code Point: f285

alcohol ale bar beer

Do Not Touch

do_not_touch

Package: Material Symbols
Category: Travel
Code Point: f1b0

access denied barrier beware blocked

Fitness Center

fitness_center

Package: Material Symbols
Category: Travel
Code Point: eb43

active athlete athletics barbell

Liquor

liquor

Package: Material Symbols
Category: Travel
Code Point: ea60

alcohol app bar beverage

Local Bar

local_bar

Package: Material Symbols
Category: Travel
Code Point: e540

alcohol bar beer beverage

Lunch Dining

lunch_dining

Package: Material Symbols
Category: Travel
Code Point: ea61

bar breakfast breakfast time brunch

Nightlife

nightlife

Package: Material Symbols
Category: Travel
Code Point: ea62

activity alcohol bar beer

No Drinks

no_drinks

Package: Material Symbols
Category: Travel
Code Point: f1a5

alcohol alcoholic beverages alert bar

Smoking Rooms

smoking_rooms

Package: Material Symbols
Category: Travel
Code Point: eb4b

access airport allowed amenity

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

385 icons