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

Checklist Rtl

checklist_rtl

Package: Material Symbols
Category: Text
Code Point: e6b3

align alignment approve bullet points

Cloud Alert

cloud_alert

Package: Material Symbols
Category: Text
Code Point: f3cc

! alert attention caution

Cloud Lock

cloud_lock

Package: Material Symbols
Category: Text
Code Point: f386

access access control authentication authorization

Cloud Upload

cloud_upload

Package: Material Symbols
Category: Text
Code Point: e2c3

app application arrow backup

Counter 2

counter_2

Package: Material Symbols
Category: Text
Code Point: f783

2 alert amount badge

Counter 3

counter_3

Package: Material Symbols
Category: Text
Code Point: f782

3 amount calculation circle

Custom Typography

custom_typography

Package: Material Symbols
Category: Text
Code Point: e732

A adjust alphabet artistic

Dashboard 2

dashboard_2

Package: Material Symbols
Category: Text
Code Point: f3ea

analysis analytics business cards

Data Object

data_object

Package: Material Symbols
Category: Text
Code Point: ead3

access analytics brackets categorize

Description

description

Package: Material Symbols
Category: Text
Code Point: e873

article content data description

Dictionary

dictionary

Package: Material Symbols
Category: Text
Code Point: f539

book define definition dictionary

Docs Apps Script

docs_apps_script

Package: Material Symbols
Category: Text
Code Point: f0c3

application apps script automation backend

Document Search

document_search

Package: Material Symbols
Category: Text
Code Point: f385

archive browse business data

Drive Folder Upload

drive_folder_upload

Package: Material Symbols
Category: Text
Code Point: e9a3

add archive arrow backup

Eraser Size 1

eraser_size_1

Package: Material Symbols
Category: Text
Code Point: f3fc

adjustment art brush brush size

Eraser Size 2

eraser_size_2

Package: Material Symbols
Category: Text
Code Point: f3fb

adjust art brush cancel

Eraser Size 3

eraser_size_3

Package: Material Symbols
Category: Text
Code Point: f3fa

adjust art bar clear

Eraser Size 4

eraser_size_4

Package: Material Symbols
Category: Text
Code Point: f3f9

broad brush chunky clear

Eraser Size 5

eraser_size_5

Package: Material Symbols
Category: Text
Code Point: f3f8

5 adjustment amount clean

File Copy

file_copy

Package: Material Symbols
Category: Text
Code Point: e173

archive backup clone content

Filter Plus

filter_plus

Package: Material Symbols
Category: Text
Code Point: ffea3

add addition category control

Fit Page Height

fit_page_height

Package: Material Symbols
Category: Text
Code Point: f397

adjust height adjust view arrows content height

Fit Page Width

fit_page_width

Package: Material Symbols
Category: Text
Code Point: f396

adjust arrows content display

Flex No Wrap

flex_no_wrap

Package: Material Symbols
Category: Text
Code Point: f777

3x3 align arrangement code

Flip To Front

flip_to_front

Package: Material Symbols
Category: Text
Code Point: e883

arrange arrangement ascend back

Folder Check

folder_check

Package: Material Symbols
Category: Text
Code Point: f3d7

accepted accurate approved archive

Folder Check 2

folder_check_2

Package: Material Symbols
Category: Text
Code Point: f3d6

approved approved document archive box

Folder Code

folder_code

Package: Material Symbols
Category: Text
Code Point: f3c8

access application archive brackets

Folder Delete

folder_delete

Package: Material Symbols
Category: Text
Code Point: eb34

administration archive bin business

Folder Eye

folder_eye

Package: Material Symbols
Category: Text
Code Point: f3d5

access browse check data

Folder Info

folder_info

Package: Material Symbols
Category: Text
Code Point: f395

about access administration alert

Folder Match

folder_match

Package: Material Symbols
Category: Text
Code Point: f3d4

analysis check compare comparison

Folder Off

folder_off

Package: Material Symbols
Category: Text
Code Point: eb83

access denied block blocked close folder

Format Align Center

format_align_center

Package: Material Symbols
Category: Text
Code Point: e234

align align horizontal align middle alignment

Format Align Justify

format_align_justify

Package: Material Symbols
Category: Text
Code Point: e235

adjust align alignment arrange

Format Align Left

format_align_left

Package: Material Symbols
Category: Text
Code Point: e236

align align document align left alignment

Format Align Right

format_align_right

Package: Material Symbols
Category: Text
Code Point: e237

adjust text align align right alignment

Format Bold

format_bold

Package: Material Symbols
Category: Text
Code Point: e238

B alphabet b bold

Format Clear

format_clear

Package: Material Symbols
Category: Text
Code Point: e239

T alphabet brush character

Format Color Fill

format_color_fill

Package: Material Symbols
Category: Text
Code Point: e23a

alter apply area art

Format Color Reset

format_color_reset

Package: Material Symbols
Category: Text
Code Point: e23b

and angled line art choose color

Format Color Text

format_color_text

Package: Material Symbols
Category: Text
Code Point: e23c

ab abc brush change color

Format H3

format_h3

Package: Material Symbols
Category: Text
Code Point: f85f

article bold content doc

Format Image Left

format_image_left

Package: Material Symbols
Category: Text
Code Point: f863

align alignment arrangement article

Format Indent Decrease

format_indent_decrease

Package: Material Symbols
Category: Text
Code Point: e23d

align alignment alignment control decrease

Format Indent Increase

format_indent_increase

Package: Material Symbols
Category: Text
Code Point: e23e

align alignment block quote content creation

Format Italic

format_italic

Package: Material Symbols
Category: Text
Code Point: e23f

a abc adjust alphabet

Format Letter Spacing

format_letter_spacing

Package: Material Symbols
Category: Text
Code Point: f773

a adjust align alphabet

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

902 icons