- Package
- Material Symbols
- Category
- Actions
- Code Point
- f35b
Font Icon Library
Material Symbols Icon Search
33 icons
Matching "delay"
Hourglass
hourglass
- Package
- Material Symbols
- Category
- Actions
- Code Point
- ebff
Hourglass Disabled
hourglass_disabled
- Package
- Material Symbols
- Category
- Actions
- Code Point
- ef53
Hourglass Empty
hourglass_empty
- Package
- Material Symbols
- Category
- Actions
- Code Point
- e88b
Hourglass Pause
hourglass_pause
- Package
- Material Symbols
- Category
- Actions
- Code Point
- f38c
Lock Clock
lock_clock
- Package
- Material Symbols
- Category
- Actions
- Code Point
- ef57
Schedule
schedule
- Package
- Material Symbols
- Category
- Actions
- Code Point
- e8b5
Snooze
snooze
- Package
- Material Symbols
- Category
- Actions
- Code Point
- e046
Timer 3 Alt 1
timer_3_alt_1
- Package
- Material Symbols
- Category
- Actions
- Code Point
- efc0
Timer Pause
timer_pause
- Package
- Material Symbols
- Category
- Actions
- Code Point
- f4bb
Signal Cellular Pause
signal_cellular_pause
- Package
- Material Symbols
- Category
- Android
- Code Point
- f5a7
Timer 3 Select
timer_3_select
- Package
- Material Symbols
- Category
- Android
- Code Point
- f07b
Timer 5
timer_5
- Package
- Material Symbols
- Category
- Android
- Code Point
- f4b1
Timer 5 Shutter
timer_5_shutter
- Package
- Material Symbols
- Category
- Android
- Code Point
- f4b2
Autopause
autopause
- Package
- Material Symbols
- Category
- Audio& Video
- Code Point
- f6b6
Credit Card Clock
credit_card_clock
- Package
- Material Symbols
- Category
- Business
- Code Point
- f438
Auto Read Pause
auto_read_pause
- Package
- Material Symbols
- Category
- Communicate
- Code Point
- f219
Hourglass Bottom
hourglass_bottom
- Package
- Material Symbols
- Category
- Communicate
- Code Point
- ea5c
Hourglass Top
hourglass_top
- Package
- Material Symbols
- Category
- Communicate
- Code Point
- ea5b
Phone Paused
phone_paused
- Package
- Material Symbols
- Category
- Communicate
- Code Point
- e620
Arming Countdown
arming_countdown
- Package
- Material Symbols
- Category
- Home
- Code Point
- e78a
Timer 10
timer_10
- Package
- Material Symbols
- Category
- Images
- Code Point
- e423
Snail
snail
- Package
- Material Symbols
- Category
- Social
- Code Point
- ffede
Assignment Late
assignment_late
- Package
- Material Symbols
- Category
- Text
- Code Point
- e85f
Pending Actions
pending_actions
- Package
- Material Symbols
- Category
- Text
- Code Point
- f1bb
Railway Alert
railway_alert
- Package
- Material Symbols
- Category
- Transit
- Code Point
- e9d1
Traffic Jam
traffic_jam
- Package
- Material Symbols
- Category
- Transit
- Code Point
- f46f
Clock Loader 20
clock_loader_20
- Package
- Material Symbols
- Category
- Ui Actions
- Code Point
- f725
Clock Loader 60
clock_loader_60
- Package
- Material Symbols
- Category
- Ui Actions
- Code Point
- f723
Clock Loader 80
clock_loader_80
- Package
- Material Symbols
- Category
- Ui Actions
- Code Point
- f722
Hourglass Arrow Down
hourglass_arrow_down
- Package
- Material Symbols
- Category
- Ui Actions
- Code Point
- f37e
Hourglass Arrow Up
hourglass_arrow_up
- Package
- Material Symbols
- Category
- Ui Actions
- Code Point
- f37d
Send Time Extension
send_time_extension
- Package
- Material Symbols
- Category
- Ui Actions
- Code Point
- eadb
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.