- Package
- Material Symbols
- Category
- Hardware
- Code Point
- eeea
Font Icon Library
Material Symbols Icon Search
83 icons
Matching "Gadget"
Monitor
monitor
- Package
- Material Symbols
- Category
- Hardware
- Code Point
- ef5b
Rear Camera
rear_camera
- Package
- Material Symbols
- Category
- Hardware
- Code Point
- f6c2
Screenshot Tablet
screenshot_tablet
- Package
- Material Symbols
- Category
- Hardware
- Code Point
- f697
Speaker 3
speaker_3
- Package
- Material Symbols
- Category
- Hardware
- Code Point
- ffeb7
Tablet
tablet
- Package
- Material Symbols
- Category
- Hardware
- Code Point
- e32f
Tablet Android
tablet_android
- Package
- Material Symbols
- Category
- Hardware
- Code Point
- e330
Tablet Camera
tablet_camera
- Package
- Material Symbols
- Category
- Hardware
- Code Point
- f44d
Tablet Mac
tablet_mac
- Package
- Material Symbols
- Category
- Hardware
- Code Point
- e331
Tv Options Edit Channels
tv_options_edit_channels
- Package
- Material Symbols
- Category
- Hardware
- Code Point
- e1dd
Videogame Asset
videogame_asset
- Package
- Material Symbols
- Category
- Hardware
- Code Point
- e338
Watch
watch
- Package
- Material Symbols
- Category
- Hardware
- Code Point
- e334
Watch Alert
watch_alert
- Package
- Material Symbols
- Category
- Hardware
- Code Point
- fffd1
Watch Arrow
watch_arrow
- Package
- Material Symbols
- Category
- Hardware
- Code Point
- f2ca
Watch Arrow Down
watch_arrow_down
- Package
- Material Symbols
- Category
- Hardware
- Code Point
- fffcf
Watch Button
watch_button
- Package
- Material Symbols
- Category
- Hardware
- Code Point
- fff20
Watch Button Press
watch_button_press
- Package
- Material Symbols
- Category
- Hardware
- Code Point
- f6aa
Watch Vibration
watch_vibration
- Package
- Material Symbols
- Category
- Hardware
- Code Point
- f467
Watch Wake
watch_wake
- Package
- Material Symbols
- Category
- Hardware
- Code Point
- f6a9
Wifi Device
wifi_device
- Package
- Material Symbols
- Category
- Hardware
- Code Point
- fff34
Nest Cam Indoor
nest_cam_indoor
- Package
- Material Symbols
- Category
- Home
- Code Point
- f11e
Nest Cam Stand
nest_cam_stand
- Package
- Material Symbols
- Category
- Home
- Code Point
- f8b9
Nest Cam Wired Stand
nest_cam_wired_stand
- Package
- Material Symbols
- Category
- Home
- Code Point
- ec16
Nest Display Max
nest_display_max
- Package
- Material Symbols
- Category
- Home
- Code Point
- f125
Nest Protect
nest_protect
- Package
- Material Symbols
- Category
- Home
- Code Point
- e68e
Nest Thermostat Gen 3
nest_thermostat_gen_3
- Package
- Material Symbols
- Category
- Home
- Code Point
- f12e
Nest Thermostat Zirconium Eu
nest_thermostat_zirconium_eu
- Package
- Material Symbols
- Category
- Home
- Code Point
- f131
Stadia Controller
stadia_controller
- Package
- Material Symbols
- Category
- Home
- Code Point
- f135
Blender
blender
- Package
- Material Symbols
- Category
- Household
- Code Point
- efe3
Tv Gen
tv_gen
- Package
- Material Symbols
- Category
- Household
- Code Point
- e830
Vacuum 2
vacuum_2
- Package
- Material Symbols
- Category
- Household
- Code Point
- fff6d
Vacuum 2 On
vacuum_2_on
- Package
- Material Symbols
- Category
- Household
- Code Point
- fff6e
Photo Camera Back
photo_camera_back
- Package
- Material Symbols
- Category
- Images
- Code Point
- ef68
Shield Watch
shield_watch
- Package
- Material Symbols
- Category
- Social
- Code Point
- f30f
Desktop Landscape
desktop_landscape
- Package
- Material Symbols
- Category
- Ui Actions
- Code Point
- f45e
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.