Alarm icon

A free alarm icon in 5 styles, drawn by hand on a 24px grid. Copy it as SVG or JSX, for personal or commercial use.

Style Stroke

Category: Time & Date
Size: 24 × 24, scales to any size
License: Free, credit optional (terms)
Tags: alarm, default, time, reminder, clock, schedule, alert

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path transform="translate(2 3)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M3 0L0 3M17 0L20 3M10 7L10 10.72C10 10.89 10.09 11.06 10.24 11.15L12.5 12.5M18 10C18 14.42 14.42 18 10 18C5.58 18 2 14.42 2 10C2 5.58 5.58 2 10 2C14.42 2 18 5.58 18 10Z"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path transform="translate(1 2)" fill="currentColor" d="M4.71 0.29C5.1 0.68 5.1 1.32 4.71 1.71L1.71 4.71C1.32 5.1 0.68 5.1 0.29 4.71C-0.1 4.32 -0.1 3.68 0.29 3.29L3.29 0.29C3.68 -0.1 4.32 -0.1 4.71 0.29Z"/>
  <path transform="translate(1 2)" fill="currentColor" d="M17.29 0.29C17.68 -0.1 18.32 -0.1 18.71 0.29L21.71 3.29C22.1 3.68 22.1 4.32 21.71 4.71C21.32 5.1 20.68 5.1 20.29 4.71L17.29 1.71C16.9 1.32 16.9 0.68 17.29 0.29Z"/>
  <path transform="translate(1 2)" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M2 11C2 6.03 6.03 2 11 2C15.97 2 20 6.03 20 11C20 15.97 15.97 20 11 20C6.03 20 2 15.97 2 11ZM12 7.9C12 7.35 11.55 6.9 11 6.9C10.45 6.9 10 7.35 10 7.9L10 11.72C10 12.24 10.28 12.73 10.73 13L13.04 14.4C13.52 14.68 14.13 14.53 14.42 14.05C14.7 13.58 14.55 12.97 14.07 12.68L12 11.43L12 7.9Z"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path opacity="0.28" transform="translate(4 5)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M16 8C16 12.42 12.42 16 8 16C3.58 16 0 12.42 0 8C0 3.58 3.58 0 8 0C12.42 0 16 3.58 16 8Z"/>
  <path transform="translate(2 3)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M3 0L0 3M17 0L20 3M10 7L10 10.72C10 10.89 10.09 11.06 10.24 11.15L12.5 12.5"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path opacity="0.28" transform="translate(3 4)" fill="currentColor" d="M9 0C4.03 0 0 4.03 0 9C0 13.97 4.03 18 9 18C13.97 18 18 13.97 18 9C18 4.03 13.97 0 9 0Z"/>
  <path transform="translate(2 3)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M3 0L0 3M17 0L20 3M10 7L10 10.72C10 10.89 10.09 11.06 10.24 11.15L12.5 12.5"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path opacity="0.28" transform="translate(4 5)" fill="currentColor" d="M16 8C16 12.42 12.42 16 8 16C3.58 16 0 12.42 0 8C0 3.58 3.58 0 8 0C12.42 0 16 3.58 16 8Z"/>
  <path transform="translate(2 3)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M3 0L0 3M17 0L20 3M10 7L10 10.72C10 10.89 10.09 11.06 10.24 11.15L12.5 12.5M18 10C18 14.42 14.42 18 10 18C5.58 18 2 14.42 2 10C2 5.58 5.58 2 10 2C14.42 2 18 5.58 18 10Z"/>
</svg>