IP Location.net

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

128 icons

Matching "abstract"

All Inclusive

all_inclusive

Package
Material Symbols
Category
Actions
Code Point
eb3d

All Out

all_out

Package
Material Symbols
Category
Actions
Code Point
e90b

Dynamic Feed

dynamic_feed

Package
Material Symbols
Category
Actions
Code Point
ea14

Flutter Dash

flutter_dash

Package
Material Symbols
Category
Actions
Code Point
e00b

Hourglass Empty

hourglass_empty

Package
Material Symbols
Category
Actions
Code Point
e88b

Hourglass Pause

hourglass_pause

Package
Material Symbols
Category
Actions
Code Point
f38c

Shadow Minus

shadow_minus

Package
Material Symbols
Category
Actions
Code Point
f583

Wand Stars

wand_stars

Package
Material Symbols
Category
Actions
Code Point
f31e

Downhill Skiing

downhill_skiing

Package
Material Symbols
Category
Activities
Code Point
e509

Eda

eda

Package
Material Symbols
Category
Activities
Code Point
f6e8

Floor

floor

Package
Material Symbols
Category
Activities
Code Point
f6e4

Interactive Space

interactive_space

Package
Material Symbols
Category
Activities
Code Point
f7ff

Onsen

onsen

Package
Material Symbols
Category
Activities
Code Point
f6f8

Sauna

sauna

Package
Material Symbols
Category
Activities
Code Point
f6f7

Water

water

Package
Material Symbols
Category
Activities
Code Point
f084

Globe 2 Question

globe_2_question

Package
Material Symbols
Category
Android
Code Point
fffb6

Signal Cellular 1 Bar

signal_cellular_1_bar

Package
Material Symbols
Category
Android
Code Point
f0a9

3D

3d

Package
Material Symbols
Category
Audio& Video
Code Point
ed38

Branding Watermark

branding_watermark

Package
Material Symbols
Category
Audio& Video
Code Point
e06b

Sound Detection Dog Barking

sound_detection_dog_barking

Package
Material Symbols
Category
Audio& Video
Code Point
f149

Subscriptions

subscriptions

Package
Material Symbols
Category
Audio& Video
Code Point
e064

Video Stable

video_stable

Package
Material Symbols
Category
Audio& Video
Code Point
f081

Barcode

barcode

Package
Material Symbols
Category
Business
Code Point
e70b

Box

box

Package
Material Symbols
Category
Business
Code Point
f5a4

Corporate Fare

corporate_fare

Package
Material Symbols
Category
Business
Code Point
f1d0

Network Intelligence History

network_intelligence_history

Package
Material Symbols
Category
Communicate
Code Point
f5f6

Network Intel Node

network_intel_node

Package
Material Symbols
Category
Communicate
Code Point
f371

Voicemail 2

voicemail_2

Package
Material Symbols
Category
Communicate
Code Point
f352

Circle Circle

circle_circle

Package
Material Symbols
Category
Hardware
Code Point
eee1

Mimo

mimo

Package
Material Symbols
Category
Hardware
Code Point
e9be

Mobile Arrow Right

mobile_arrow_right

Package
Material Symbols
Category
Hardware
Code Point
f2d2

Mobile Text 2

mobile_text_2

Package
Material Symbols
Category
Hardware
Code Point
f2e6

Square Circle

square_circle

Package
Material Symbols
Category
Hardware
Code Point
eec7

Detector

detector

Package
Material Symbols
Category
Home
Code Point
e282

Chair Counter

chair_counter

Package
Material Symbols
Category
Household
Code Point
f29f

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.