Gentleface › Time & calendar › alarm-clock-off

alarm-clock-off icon

Alarm clock off: alarm off, disable alarm, turn off alarm, alarm disabled. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M15.003 14.5C15.003 14.636 14.953 14.754 14.854 14.854C14.754 14.953 14.636 15.003 14.5 15.003C14.364 15.003 14.246 14.953 14.146 14.854L11.533 12.24C11.061 12.751 10.507 13.159 9.872 13.462C9.122 13.821 8.331 14 7.5 14C6.801 14 6.126 13.871 5.475 13.614C4.769 13.334 4.148 12.926 3.611 12.389C3.074 11.852 2.666 11.231 2.386 10.525C2.129 9.874 2 9.199 2 8.5C2 7.669 2.179 6.878 2.538 6.128C2.841 5.493 3.249 4.939 3.76 4.467L1.146 1.854C1.047 1.754 0.997 1.636 0.997 1.5C0.997 1.364 1.047 1.246 1.146 1.146C1.246 1.047 1.364 0.997 1.5 0.997C1.636 0.997 1.754 1.047 1.854 1.146L14.854 14.146C14.953 14.246 15.003 14.364 15.003 14.5ZM10.825 11.532L8 8.707L8 11.5C8 11.641 7.952 11.759 7.856 11.856C7.759 11.952 7.641 12 7.5 12C7.359 12 7.241 11.952 7.144 11.856C7.048 11.759 7 11.641 7 11.5L7 9L5.5 9C5.359 9 5.241 8.952 5.144 8.856C5.048 8.759 5 8.641 5 8.5C5 8.359 5.048 8.241 5.144 8.144C5.241 8.048 5.359 8 5.5 8L7.293 8L4.468 5.175C4.036 5.566 3.694 6.028 3.44 6.56C3.147 7.173 3 7.82 3 8.5C3 9.072 3.105 9.624 3.316 10.156C3.545 10.734 3.879 11.243 4.318 11.682C4.757 12.121 5.266 12.455 5.844 12.684C6.376 12.895 6.928 13 7.5 13C8.18 13 8.827 12.853 9.44 12.56C9.972 12.306 10.434 11.964 10.825 11.532ZM14 3.5C14 3.638 13.951 3.756 13.854 3.854C13.754 3.953 13.636 4.003 13.5 4.003C13.364 4.003 13.246 3.953 13.146 3.854L11.146 1.854C11.049 1.756 11 1.638 11 1.5C11 1.362 11.049 1.244 11.146 1.146C11.246 1.047 11.364 0.997 11.5 0.997C11.636 0.997 11.754 1.047 11.854 1.146L13.854 3.146C13.951 3.244 14 3.362 14 3.5ZM5.812 3.812C5.808 3.799 5.804 3.785 5.8 3.771C5.767 3.637 5.786 3.511 5.857 3.393C5.928 3.274 6.03 3.198 6.164 3.165C6.603 3.055 7.048 3 7.5 3C8.199 3 8.874 3.129 9.525 3.386C10.231 3.666 10.852 4.074 11.389 4.611C11.926 5.148 12.334 5.769 12.614 6.475C12.871 7.126 13 7.801 13 8.5C13 8.952 12.945 9.397 12.835 9.836C12.801 9.973 12.726 10.076 12.609 10.146C12.492 10.216 12.365 10.234 12.229 10.2C12.215 10.196 12.201 10.192 12.188 10.188L11.872 9.872C11.843 9.784 11.841 9.691 11.865 9.593C11.955 9.234 12 8.87 12 8.5C12 7.928 11.895 7.376 11.684 6.844C11.455 6.266 11.121 5.757 10.682 5.318C10.243 4.879 9.734 4.545 9.156 4.316C8.624 4.105 8.072 4 7.5 4C7.13 4 6.766 4.045 6.407 4.135C6.308 4.159 6.214 4.156 6.124 4.124L5.812 3.812Z"/></svg>

React

// Gentleface "alarm-clock-off" (line-round), MIT. https://gentleface.com/icons/alarm-clock-off
import type { SVGProps } from 'react';

export function AlarmClockOffIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M15.003 14.5C15.003 14.636 14.953 14.754 14.854 14.854C14.754 14.953 14.636 15.003 14.5 15.003C14.364 15.003 14.246 14.953 14.146 14.854L11.533 12.24C11.061 12.751 10.507 13.159 9.872 13.462C9.122 13.821 8.331 14 7.5 14C6.801 14 6.126 13.871 5.475 13.614C4.769 13.334 4.148 12.926 3.611 12.389C3.074 11.852 2.666 11.231 2.386 10.525C2.129 9.874 2 9.199 2 8.5C2 7.669 2.179 6.878 2.538 6.128C2.841 5.493 3.249 4.939 3.76 4.467L1.146 1.854C1.047 1.754 0.997 1.636 0.997 1.5C0.997 1.364 1.047 1.246 1.146 1.146C1.246 1.047 1.364 0.997 1.5 0.997C1.636 0.997 1.754 1.047 1.854 1.146L14.854 14.146C14.953 14.246 15.003 14.364 15.003 14.5ZM10.825 11.532L8 8.707L8 11.5C8 11.641 7.952 11.759 7.856 11.856C7.759 11.952 7.641 12 7.5 12C7.359 12 7.241 11.952 7.144 11.856C7.048 11.759 7 11.641 7 11.5L7 9L5.5 9C5.359 9 5.241 8.952 5.144 8.856C5.048 8.759 5 8.641 5 8.5C5 8.359 5.048 8.241 5.144 8.144C5.241 8.048 5.359 8 5.5 8L7.293 8L4.468 5.175C4.036 5.566 3.694 6.028 3.44 6.56C3.147 7.173 3 7.82 3 8.5C3 9.072 3.105 9.624 3.316 10.156C3.545 10.734 3.879 11.243 4.318 11.682C4.757 12.121 5.266 12.455 5.844 12.684C6.376 12.895 6.928 13 7.5 13C8.18 13 8.827 12.853 9.44 12.56C9.972 12.306 10.434 11.964 10.825 11.532ZM14 3.5C14 3.638 13.951 3.756 13.854 3.854C13.754 3.953 13.636 4.003 13.5 4.003C13.364 4.003 13.246 3.953 13.146 3.854L11.146 1.854C11.049 1.756 11 1.638 11 1.5C11 1.362 11.049 1.244 11.146 1.146C11.246 1.047 11.364 0.997 11.5 0.997C11.636 0.997 11.754 1.047 11.854 1.146L13.854 3.146C13.951 3.244 14 3.362 14 3.5ZM5.812 3.812C5.808 3.799 5.804 3.785 5.8 3.771C5.767 3.637 5.786 3.511 5.857 3.393C5.928 3.274 6.03 3.198 6.164 3.165C6.603 3.055 7.048 3 7.5 3C8.199 3 8.874 3.129 9.525 3.386C10.231 3.666 10.852 4.074 11.389 4.611C11.926 5.148 12.334 5.769 12.614 6.475C12.871 7.126 13 7.801 13 8.5C13 8.952 12.945 9.397 12.835 9.836C12.801 9.973 12.726 10.076 12.609 10.146C12.492 10.216 12.365 10.234 12.229 10.2C12.215 10.196 12.201 10.192 12.188 10.188L11.872 9.872C11.843 9.784 11.841 9.691 11.865 9.593C11.955 9.234 12 8.87 12 8.5C12 7.928 11.895 7.376 11.684 6.844C11.455 6.266 11.121 5.757 10.682 5.318C10.243 4.879 9.734 4.545 9.156 4.316C8.624 4.105 8.072 4 7.5 4C7.13 4 6.766 4.045 6.407 4.135C6.308 4.159 6.214 4.156 6.124 4.124L5.812 3.812Z" />
    </svg>
  );
}

Vue

Vue: see /icons/alarm-clock-off.md

Svelte

Svelte: see /icons/alarm-clock-off.md

HTML img

HTML img: see /icons/alarm-clock-off.md

CSS

CSS: see /icons/alarm-clock-off.md

Data URL

Data URL: see /icons/alarm-clock-off.md

Sprite

Sprite: see /icons/alarm-clock-off.md

SwiftUI

SwiftUI: see /icons/alarm-clock-off.md

Compose

Compose: see /icons/alarm-clock-off.md

Android XML

Android XML: see /icons/alarm-clock-off.md

Flutter

Flutter: see /icons/alarm-clock-off.md

Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

Meaning

Use it for

alarm off, disable alarm, turn off alarm, alarm disabled

Example

Turn alarm off

Built from

alarm-clock + slash

Tags

alarm, wake, reminder, clock, time, morning, slash

Category

Time & calendar

Component name

AlarmClockOffIcon

History

2026-10-15 added
2026-10-16 base alarm-clock redrawn

Family 4

alarm-clock alarm-clock-check alarm-clock-plus alarm-clock-snooze

More time & calendar icons

calendar calendar-alert calendar-arrow-down calendar-arrow-up calendar-check calendar-clock calendar-day calendar-dot calendar-event calendar-gear calendar-heart calendar-link calendar-lock calendar-month calendar-off calendar-pencil · all time & calendar icons

For agents

Metadata: /icons/alarm-clock-off.json · Markdown: /icons/alarm-clock-off.md · SVG: https://gentleface.com/svg/{style}/16/alarm-clock-off.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/alarm-clock-off.png

alarm-clock-off icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp