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

Person Heart

person_heart

Package: Material Symbols
Category: Social
Code Point: f290

Potted Plant

potted_plant

Package: Material Symbols
Category: Social
Code Point: f8aa

botany decoration ecology environment

Prescriptions

prescriptions

Package: Material Symbols
Category: Social
Code Point: e121

aid care clipboard cross

Recommend

recommend

Package: Material Symbols
Category: Social
Code Point: e9d2

affirm agree agreement approval

Recycling

recycling

Package: Material Symbols
Category: Social
Code Point: e760

arrows arrows in a loop bio circle

Solar Power

solar_power

Package: Material Symbols
Category: Social
Code Point: ec0f

array clean energy clean power eco

Sword Rose

sword_rose

Package: Material Symbols
Category: Social
Code Point: f5de

battle blade bloom blossom

Symptoms

symptoms

Package: Material Symbols
Category: Social
Code Point: e132

ailments chart clinic condition

Water Bottle

water_bottle

Package: Material Symbols
Category: Social
Code Point: f69d

beverage bottle canteen cap

Water Drop

water_drop

Package: Material Symbols
Category: Social
Code Point: e798

adjustments aqua blob concentration

Water Drops

water_drops

Package: Material Symbols
Category: Social
Code Point: fffa5

aqua clean cleaning climate

Water Ec

water_ec

Package: Material Symbols
Category: Social
Code Point: f875

analysis analyze aquatic bolt

Wind Power

wind_power

Package: Material Symbols
Category: Social
Code Point: ec0c

abstract air flow alternative energy blades

Workspace Premium

workspace_premium

Package: Material Symbols
Category: Social
Code Point: e7af

achievement approval authentic authority

Wrist

wrist

Package: Material Symbols
Category: Social
Code Point: f69c

anatomy arm body checkup

Add Notes

add_notes

Package: Material Symbols
Category: Text
Code Point: e091

+ add addition annotation

Add Row Above

add_row_above

Package: Material Symbols
Category: Text
Code Point: f423

+ above add before

Add Row Below

add_row_below

Package: Material Symbols
Category: Text
Code Point: f422

+ add add record add row

Add To Drive

add_to_drive

Package: Material Symbols
Category: Text
Code Point: e65c

account add app application

Assignment Ind

assignment_ind

Package: Material Symbols
Category: Text
Code Point: e85e

account apply assignment badge

Attach File

attach_file

Package: Material Symbols
Category: Text
Code Point: e226

add append attach attachment

Book 4

book_4

Package: Material Symbols
Category: Text
Code Point: f53c

academic book bookmark content

Book 5

book_5

Package: Material Symbols
Category: Text
Code Point: f53b

academic archive article book

Cards Stack

cards_stack

Package: Material Symbols
Category: Text
Code Point: f38f

abstract archive arrangement bundle

Contact Page

contact_page

Package: Material Symbols
Category: Text
Code Point: f22e

account address book avatar book

Content Copy

content_copy

Package: Material Symbols
Category: Text
Code Point: e14d

action clipboard clone content

Content Paste

content_paste

Package: Material Symbols
Category: Text
Code Point: e14f

action add application attach

Content Paste Search

content_paste_search

Package: Material Symbols
Category: Text
Code Point: ea9b

analysis archive clipboard content

Contract

contract

Package: Material Symbols
Category: Text
Code Point: f5a0

arrows collapse compress condense

Data Object

data_object

Package: Material Symbols
Category: Text
Code Point: ead3

access analytics brackets categorize

Document Search

document_search

Package: Material Symbols
Category: Text
Code Point: f385

archive browse business data

Draft

draft

Package: Material Symbols
Category: Text
Code Point: e66d

attachment blank data doc

Drive Export

drive_export

Package: Material Symbols
Category: Text
Code Point: f41d

app application arrow backup

Files

files

Package: Material Symbols
Category: Text
Code Point: ea85

archive archives collection content

File Copy

file_copy

Package: Material Symbols
Category: Text
Code Point: e173

archive backup clone content

File Save

file_save

Package: Material Symbols
Category: Text
Code Point: f17f

archive arrow backup computer

Finance Chip

finance_chip

Package: Material Symbols
Category: Text
Code Point: f84e

banking bill business card

Folder

folder

Package: Material Symbols
Category: Text
Code Point: e2c7

administration archive browse business

Format Paint

format_paint

Package: Material Symbols
Category: Text
Code Point: e243

adjust adjustment art artist

Format Underlined

format_underlined

Package: Material Symbols
Category: Text
Code Point: e249

alphabet character decoration doc

Format Underlined Squiggle

format_underlined_squiggle

Package: Material Symbols
Category: Text
Code Point: f885

alphabet character doc document

Forms Apps Script

forms_apps_script

Package: Material Symbols
Category: Text
Code Point: f0c8

addon apps script arrow automation

Heap Snapshot Multiple

heap_snapshot_multiple

Package: Material Symbols
Category: Text
Code Point: f76d

archive arrangement backup collection

History Edu

history_edu

Package: Material Symbols
Category: Text
Code Point: ea3e

academic archive book clock

Imagesearch Roller

imagesearch_roller

Package: Material Symbols
Category: Text
Code Point: e9b4

appearance applicator apply art

List Alt

list_alt

Package: Material Symbols
Category: Text
Code Point: e0ee

agenda alt box bullet

Notes

notes

Package: Material Symbols
Category: Text
Code Point: e26c

add article checklist comment

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

431 icons