IP Location.net
Sign In

Font Icon Library

Material Symbols Icon Search

Font Icons
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.
Material Symbols

42 icons

Matching "11"

Physical Therapy

physical_therapy

Package
Material Symbols
Category
Activities
Code Point
e11e
body bone chiropractic clinic

Skateboarding

skateboarding

Package
Material Symbols
Category
Activities
Code Point
e511
action active activity athlete

Android Wifi 4 Bar Question

android_wifi_4_bar_question

Package
Material Symbols
Category
Android
Code Point
ef11
? alert assistance bars

Bar Chart Off

bar_chart_off

Package
Material Symbols
Category
Business
Code Point
f411
analysis analytics bar bar chart off

Grouped Bar Chart

grouped_bar_chart

Package
Material Symbols
Category
Business
Code Point
f211
analysis analytics bar bar chart

Legend Toggle

legend_toggle

Package
Material Symbols
Category
Business
Code Point
f11b
analytics box chart collapse

Order Play

order_play

Package
Material Symbols
Category
Business
Code Point
f811
action audio command continue

E911 Avatar

e911_avatar

Package
Material Symbols
Category
Communicate
Code Point
f11a
! 911 aid alert

Picture In Picture Alt

picture_in_picture_alt

Package
Material Symbols
Category
Communicate
Code Point
e911
alternate box chat crop

Headset Mic

headset_mic

Package
Material Symbols
Category
Hardware
Code Point
e311
accessory audio audio device band

Home Speaker

home_speaker

Package
Material Symbols
Category
Home
Code Point
f11c
ai appliance assistant audio

Mfg Nest Yale Lock

mfg_nest_yale_lock

Package
Material Symbols
Category
Home
Code Point
f11d
access access control circle closed

Nest Cam Indoor

nest_cam_indoor

Package
Material Symbols
Category
Home
Code Point
f11e
appliance cam camera camera lens

Nest Cam Iq

nest_cam_iq

Package
Material Symbols
Category
Home
Code Point
f11f
cam camera camera feed camera icon

Emergency Heat

emergency_heat

Package
Material Symbols
Category
Household
Code Point
f15d
! 911 alert attention

Fire Check

fire_check

Package
Material Symbols
Category
Household
Code Point
fffa8
911 alert approved burn

11Mp

11mp

Package
Material Symbols
Category
Images
Code Point
e953
11 camera detail digital

Photo Album

photo_album

Package
Material Symbols
Category
Images
Code Point
e411
album archive bookmark browsing

Fire Hydrant

fire_hydrant

Package
Material Symbols
Category
Maps
Code Point
f1a3
911 access city connection

Local Fire Department

local_fire_department

Package
Material Symbols
Category
Maps
Code Point
ef55
911 alert blaze burning

Local Hospital

local_hospital

Package
Material Symbols
Category
Maps
Code Point
e548
911 aid ambulance building

Local Pharmacy

local_pharmacy

Package
Material Symbols
Category
Maps
Code Point
e550
911 aid building clinic

E911 Emergency

e911_emergency

Package
Material Symbols
Category
Privacy
Code Point
f119
911 accident alert ambulance

Nutrition

nutrition

Package
Material Symbols
Category
Social
Code Point
e110
apple breakfast calorie calories

Oncology

oncology

Package
Material Symbols
Category
Social
Code Point
e114
biology body cancer care

Ophthalmology

ophthalmology

Package
Material Symbols
Category
Social
Code Point
e115
anatomy biology body checkup

Oral Disease

oral_disease

Package
Material Symbols
Category
Social
Code Point
e116
ailment anatomy body checkup

Outpatient

outpatient

Package
Material Symbols
Category
Social
Code Point
e118
appointment care clinic clinical

Outpatient Med

outpatient_med

Package
Material Symbols
Category
Social
Code Point
e119
appointment arrow care clinic

Pediatrics

pediatrics

Package
Material Symbols
Category
Social
Code Point
e11d
baby bottle care checkup

Pill

pill

Package
Material Symbols
Category
Social
Code Point
e11f
ailment basic capsule cure

Sentiment Dissatisfied

sentiment_dissatisfied

Package
Material Symbols
Category
Social
Code Point
e811
angry avatar bad circle

Align Vertical Center

align_vertical_center

Package
Material Symbols
Category
Text
Code Point
e011
align alignment arrangement blocks

Subscript

subscript

Package
Material Symbols
Category
Text
Code Point
f111
2 alphanumeric baseline character

View Sidebar

view_sidebar

Package
Material Symbols
Category
Text
Code Point
f114
area bar collapse column

Highlight Mouse Cursor

highlight_mouse_cursor

Package
Material Symbols
Category
Ui Actions
Code Point
f511
arrow browser chromeos circle

Move Selection Up

move_selection_up

Package
Material Symbols
Category
Ui Actions
Code Point
f711
adjust position arrow ascend caret

Saved Search

saved_search

Package
Material Symbols
Category
Ui Actions
Code Point
ea11
archive bookmark collection criteria

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.

Related References

Continue with nearby symbol, code, and web design resources.

Symbol Codes Search symbol codes by category or description, including Unicode, hex codes, HTML codes, HTML entities, and CSS entities. HTML Color Codes Browse common HTML color codes and convert between hex, RGB, and HSL color formats. Font Generator Create styled Unicode text variants for headings, profiles, bios, social posts, and design mockups.