Alarm Clock Icon

Free SVG icon from the Mage Icons collection. Download or copy for use in any project.

Collection: Mage Icons
Format: SVG, Font, PNG
License: Apache 2.0 - Free for commercial use
Style: Outline
Tags: alarm clock timer bell notification time watch hour

The Alarm Clock icon is commonly used in time-tracking tools, dashboards and scheduling apps. Available as a free SVG - copy the code or download directly.

img tag

<img src="https://proicons.com/icon/310501.svg" alt="Alarm Clock icon" width="24" height="24">

React JSX

<img src="https://proicons.com/icon/310501.svg" alt="Alarm Clock icon" width={24} height={24} />

Vue template

<img
  src="https://proicons.com/icon/310501.svg"
  alt="Alarm Clock icon"
  :width="24"
  :height="24"
/>

CSS background

.icon-alarm-clock {
  background-image: url('https://proicons.com/icon/310501.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}

SVG markup

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.319 15.2026L12 12.8836V8.24573" stroke="black" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/>
<path d="M20.1163 21L17.7974 18.681" stroke="black" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/>
<path d="M6.20264 18.681L3.8837 21" stroke="black" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/>
<path d="M18.3772 3L20.696 5.31894" stroke="black" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/>
<path d="M5.6229 3L3.30396 5.31894" stroke="black" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/>
<path d="M12 21C16.4825 21 20.1163 17.3662 20.1163 12.8836C20.1163 8.40112 16.4825 4.76733 12 4.76733C7.51749 4.76733 3.8837 8.40112 3.8837 12.8836C3.8837 17.3662 7.51749 21 12 21Z" stroke="black" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/>
</svg>