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

Account Box

account_box

Package: Material Symbols
Category: Actions
Code Point: e851

Account Child

account_child

Package: Material Symbols
Category: Actions
Code Point: e852

account account child body child

Account Child Invert

account_child_invert

Package: Material Symbols
Category: Actions
Code Point: e659

access account avatar body

Account Circle

account_circle

Package: Material Symbols
Category: Actions
Code Point: e853

account account circle account details account icon

Package: Material Symbols
Category: Actions
Code Point: e65a

a ad advertisement announcement

Ad Group

ad_group

Package: Material Symbols
Category: Actions
Code Point: e65b

ad ad group advertisement advertising group

Ad Group Off

ad_group_off

Package: Material Symbols
Category: Actions
Code Point: eae5

Ads ad group off audience block

Alarm

alarm

Package: Material Symbols
Category: Actions
Code Point: e855

access adjust alarm alert

Alarm Add

alarm_add

Package: Material Symbols
Category: Actions
Code Point: e856

+ add add alarm alarm

Alarm Off

alarm_off

Package: Material Symbols
Category: Actions
Code Point: e857

alarm alarm off alert bell

Alarm On

alarm_on

Package: Material Symbols
Category: Actions
Code Point: e858

activated active alarm alert

Alarm Pause

alarm_pause

Package: Material Symbols
Category: Actions
Code Point: f35b

alarm alert appointment bell

Approval Delegation Off

approval_delegation_off

Package: Material Symbols
Category: Actions
Code Point: f2c5

access apply approval approvals

Batch Prediction

batch_prediction

Package: Material Symbols
Category: Actions
Code Point: f0f5

ai algorithms analysis artificial intelligence

Bookmark Add

bookmark_add

Package: Material Symbols
Category: Actions
Code Point: e598

+ add archive bookmark

Bookmark Added

bookmark_added

Package: Material Symbols
Category: Actions
Code Point: e599

add added approve bookmark

Bookmark Check

bookmark_check

Package: Material Symbols
Category: Actions
Code Point: f457

archive bookmark bookmark confirmed check

Bookmark Flag

bookmark_flag

Package: Material Symbols
Category: Actions
Code Point: f456

archive bookmark contour country

Bookmark Heart

bookmark_heart

Package: Material Symbols
Category: Actions
Code Point: f455

app appreciate archive bookmark

Bookmark Remove

bookmark_remove

Package: Material Symbols
Category: Actions
Code Point: e59a

action bookmark button clear

Bookmark Star

bookmark_star

Package: Material Symbols
Category: Actions
Code Point: f454

archive best bookmark browser

Calendar Clock

calendar_clock

Package: Material Symbols
Category: Actions
Code Point: f540

agenda alarm alert appointment

Calendar Today

calendar_today

Package: Material Symbols
Category: Actions
Code Point: e935

agenda appointment booking calendar

Celebration

celebration

Package: Material Symbols
Category: Actions
Code Point: ea65

achievement activity award birthday

Commit

commit

Package: Material Symbols
Category: Actions
Code Point: eaf5

accomplish bind branch changes

Delete History

delete_history

Package: Material Symbols
Category: Actions
Code Point: f518

activity arrow back backwards

Edit Notifications

edit_notifications

Package: Material Symbols
Category: Actions
Code Point: e525

active adjust alarm alert

Event Busy

event_busy

Package: Material Symbols
Category: Actions
Code Point: e615

appointment blocked booked busy

Gesture

gesture

Package: Material Symbols
Category: Actions
Code Point: e155

activate arrow click control

Gesture Select

gesture_select

Package: Material Symbols
Category: Actions
Code Point: f657

activate button choose click

Home App Logo

home_app_logo

Package: Material Symbols
Category: Actions
Code Point: e295

abode address android app

Hourglass Disabled

hourglass_disabled

Package: Material Symbols
Category: Actions
Code Point: ef53

angled line circle clock complete

Indeterminate Question Box

indeterminate_question_box

Package: Material Symbols
Category: Actions
Code Point: f56d

? ask assistance box

Info I

info_i

Package: Material Symbols
Category: Actions
Code Point: f59b

about advice alert announcement

Keep Public

keep_public

Package: Material Symbols
Category: Actions
Code Point: f56f

access accessible account available

Lock Clock

lock_clock

Package: Material Symbols
Category: Actions
Code Point: ef57

access access control access time clock

Lock Open Right

lock_open_right

Package: Material Symbols
Category: Actions
Code Point: f656

access access granted authentication authorize

More Time

more_time

Package: Material Symbols
Category: Actions
Code Point: ea5d

+ add add time alarm

Pan Tool

pan_tool

Package: Material Symbols
Category: Actions
Code Point: e925

application control cursor drag

Pan Zoom

pan_zoom

Package: Material Symbols
Category: Actions
Code Point: f655

adjust arrow arrows control

Preview

preview

Package: Material Symbols
Category: Actions
Code Point: f1c5

check design discern disclosed

Priority High

priority_high

Package: Material Symbols
Category: Actions
Code Point: e645

! alarm alert attention

Rate Review

rate_review

Package: Material Symbols
Category: Actions
Code Point: e560

assessment box bubble chat bubble

Release Alert

release_alert

Package: Material Symbols
Category: Actions
Code Point: f654

! alarm alert announce

Reminder

reminder

Package: Material Symbols
Category: Actions
Code Point: e695

alarm alert alerts appointment

Rsvp

rsvp

Package: Material Symbols
Category: Actions
Code Point: f055

accept accepted acknowledged affirmed

Running With Errors

running_with_errors

Package: Material Symbols
Category: Actions
Code Point: e51d

! activity alert attention

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

770 icons