Question 1

How do I use this icon in React, Vue, or Svelte?

Accepted Answer

Copy ready-to-use component code for React, Vue, Svelte, or raw SVG

Question 2

How do I download this icon in different formats?

Accepted Answer

Download the icon in SVG, PNG, WebP, JPEG, or ICO formats

Question 3

What is the license for this icon?

Accepted Answer

This icon is licensed under ISC

Question 4

Where is this icon commonly used?

Accepted Answer

In modern platforms like Android's Do Not Disturb mode or iOS Focus settings where alarms are temporarily silenced, you'll see this icon when users have disabled time-based notifications. It appears in notification control panels during quiet hours configuration, or in productivity applications where users need to temporarily suspend alarm interruptions without permanently deleting their scheduled reminders.

Question 5

What does this icon communicate to users?

Accepted Answer

From a notification management perspective, the crossed-out clock communicates more than just 'alarm absent' - it specifically indicates temporary suspension of time-based alerts while preserving the underlying schedule configuration. This preservation clarity helps in focus mode workflows where users need to silence interruptions temporarily while maintaining their established wake-up and reminder routines.

Question 6

How do I implement this icon?

Accepted Answer

This icon works effectively in notification control implementations where it indicates temporarily disabled alarm states. Combine it with shadcn/ui's Switch components for quick alarm muting or Toggle components for Do Not Disturb mode activation. The slash-clock combination requires sufficient contrast to ensure the disabled state is immediately recognizable in time-sensitive notification management interfaces.

Alarm Clock Off Icon

Install with shadcn CLI

Frequently Asked Questions

Similar Icons