- Package
- Material Symbols
- Category
- Actions
- Code Point
- f612
Font Icon Library
Material Symbols Icon Search
42 icons
Matching "12"
Problem
problem
- Package
- Material Symbols
- Category
- Actions
- Code Point
- e122
Podiatry
podiatry
- Package
- Material Symbols
- Category
- Activities
- Code Point
- e120
Sledding
sledding
- Package
- Material Symbols
- Category
- Activities
- Code Point
- e512
Android Wifi 4 Bar Plus
android_wifi_4_bar_plus
- Package
- Material Symbols
- Category
- Android
- Code Point
- ef12
Gpp Bad
gpp_bad
- Package
- Material Symbols
- Category
- Android
- Code Point
- f012
Full Stacked Bar Chart
full_stacked_bar_chart
- Package
- Material Symbols
- Category
- Business
- Code Point
- f212
Order Approve
order_approve
- Package
- Material Symbols
- Category
- Business
- Code Point
- f812
Storefront
storefront
- Package
- Material Symbols
- Category
- Business
- Code Point
- ea12
Important Devices
important_devices
- Package
- Material Symbols
- Category
- Hardware
- Code Point
- e912
Keyboard
keyboard
- Package
- Material Symbols
- Category
- Hardware
- Code Point
- e312
Mobile Hand Left Off
mobile_hand_left_off
- Package
- Material Symbols
- Category
- Hardware
- Code Point
- f312
Nest Cam Iq Outdoor
nest_cam_iq_outdoor
- Package
- Material Symbols
- Category
- Home
- Code Point
- f120
Nest Cam Outdoor
nest_cam_outdoor
- Package
- Material Symbols
- Category
- Home
- Code Point
- f121
Nest Connect
nest_connect
- Package
- Material Symbols
- Category
- Home
- Code Point
- f122
Nest Detect
nest_detect
- Package
- Material Symbols
- Category
- Home
- Code Point
- f123
Nest Display
nest_display
- Package
- Material Symbols
- Category
- Home
- Code Point
- f124
Nest Display Max
nest_display_max
- Package
- Material Symbols
- Category
- Home
- Code Point
- f125
Nest Heat Link E
nest_heat_link_e
- Package
- Material Symbols
- Category
- Home
- Code Point
- f126
Nest Heat Link Gen 3
nest_heat_link_gen_3
- Package
- Material Symbols
- Category
- Home
- Code Point
- f127
Nest Remote Comfort Sensor
nest_remote_comfort_sensor
- Package
- Material Symbols
- Category
- Home
- Code Point
- f12a
Nest Secure Alarm
nest_secure_alarm
- Package
- Material Symbols
- Category
- Home
- Code Point
- f12b
Nest Tag
nest_tag
- Package
- Material Symbols
- Category
- Home
- Code Point
- f12c
Nest Thermostat E Eu
nest_thermostat_e_eu
- Package
- Material Symbols
- Category
- Home
- Code Point
- f12d
Nest Thermostat Gen 3
nest_thermostat_gen_3
- Package
- Material Symbols
- Category
- Home
- Code Point
- f12e
Nest Thermostat Sensor
nest_thermostat_sensor
- Package
- Material Symbols
- Category
- Home
- Code Point
- f12f
Roller Shades
roller_shades
- Package
- Material Symbols
- Category
- Household
- Code Point
- ec12
12Mp
12mp
- Package
- Material Symbols
- Category
- Images
- Code Point
- e954
Photo Camera
photo_camera
- Package
- Material Symbols
- Category
- Images
- Code Point
- e412
Prescriptions
prescriptions
- Package
- Material Symbols
- Category
- Social
- Code Point
- e121
Psychiatry
psychiatry
- Package
- Material Symbols
- Category
- Social
- Code Point
- e123
Pulmonology
pulmonology
- Package
- Material Symbols
- Category
- Social
- Code Point
- e124
Radiology
radiology
- Package
- Material Symbols
- Category
- Social
- Code Point
- e125
Respiratory Rate
respiratory_rate
- Package
- Material Symbols
- Category
- Social
- Code Point
- e127
Rheumatology
rheumatology
- Package
- Material Symbols
- Category
- Social
- Code Point
- e128
Sentiment Neutral
sentiment_neutral
- Package
- Material Symbols
- Category
- Social
- Code Point
- e812
Full Coverage
full_coverage
- Package
- Material Symbols
- Category
- Text
- Code Point
- eb12
Source Notes
source_notes
- Package
- Material Symbols
- Category
- Text
- Code Point
- e12d
Superscript
superscript
- Package
- Material Symbols
- Category
- Text
- Code Point
- f112
123
123
- Package
- Material Symbols
- Category
- Ui Actions
- Code Point
- eb8d
Highlight Text Cursor
highlight_text_cursor
- Package
- Material Symbols
- Category
- Ui Actions
- Code Point
- f512
Move Selection Right
move_selection_right
- Package
- Material Symbols
- Category
- Ui Actions
- Code Point
- f712
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.