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
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/309953.svg" alt="Alarm Clock icon" width="24" height="24">

React JSX

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

Vue template

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

CSS background

.icon-alarm-clock {
  background-image: url('https://proicons.com/icon/309953.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="M18.7651 18.5789C19.8581 17.2877 20.5591 15.7108 20.7854 14.0343C21.0116 12.3578 20.7538 10.6515 20.0421 9.11674C19.3305 7.58197 18.1948 6.28271 16.769 5.3722C15.3432 4.46169 13.6868 3.97791 11.9951 3.97791C10.3034 3.97791 8.64689 4.46169 7.22109 5.3722C5.7953 6.28271 4.65962 7.58197 3.94799 9.11674C3.23637 10.6515 2.97849 12.3578 3.20477 14.0343C3.43104 15.7108 4.13203 17.2877 5.22506 18.5789L3.34506 20.4589C3.20461 20.5995 3.12573 20.7901 3.12573 20.9889C3.12573 21.1876 3.20461 21.3783 3.34506 21.5189C3.4143 21.589 3.49687 21.6446 3.58789 21.6823C3.6789 21.7201 3.77652 21.7393 3.87506 21.7389C3.97384 21.7411 4.07203 21.7227 4.16329 21.6848C4.25456 21.6469 4.33692 21.5904 4.40508 21.5189L6.28506 19.6389C7.87851 20.995 9.90265 21.7398 11.9951 21.7398C14.0875 21.7398 16.1116 20.995 17.7051 19.6389L19.5851 21.5189C19.6532 21.5904 19.7356 21.6469 19.8269 21.6848C19.9181 21.7227 20.0163 21.7411 20.1151 21.7389C20.2136 21.7393 20.3113 21.7201 20.4023 21.6823C20.4933 21.6446 20.5758 21.589 20.6451 21.5189C20.7855 21.3783 20.8644 21.1876 20.8644 20.9889C20.8644 20.7901 20.7855 20.5995 20.6451 20.4589L18.7651 18.5789ZM15.0151 15.8989C14.8288 16.0836 14.5774 16.1878 14.3151 16.1889C14.1835 16.1896 14.053 16.1644 13.9312 16.1146C13.8093 16.0649 13.6985 15.9916 13.6051 15.8989L10.9951 13.2889V8.22887C10.9951 7.96366 11.1004 7.7093 11.288 7.52177C11.4755 7.33423 11.7299 7.22887 11.9951 7.22887C12.2603 7.22887 12.5146 7.33423 12.7022 7.52177C12.8897 7.7093 12.9951 7.96366 12.9951 8.22887V12.4589L14.9951 14.4589C15.0932 14.5508 15.1717 14.6616 15.226 14.7846C15.2803 14.9075 15.3093 15.0402 15.3112 15.1746C15.313 15.3091 15.2877 15.4425 15.2369 15.5669C15.186 15.6913 15.1106 15.8043 15.0151 15.8989Z" fill="black"/>
<path d="M20.685 6.09888C20.487 6.09458 20.2978 6.01606 20.155 5.87888L17.845 3.55888C17.7742 3.48994 17.718 3.40752 17.6796 3.3165C17.6412 3.22547 17.6214 3.12768 17.6214 3.02888C17.6214 2.93009 17.6412 2.8323 17.6796 2.74127C17.718 2.65025 17.7742 2.56783 17.845 2.49889C17.9856 2.35844 18.1762 2.27954 18.375 2.27954C18.5737 2.27954 18.7644 2.35844 18.905 2.49889L21.265 4.77888C21.4054 4.91951 21.4843 5.11013 21.4843 5.30888C21.4843 5.50763 21.4054 5.69826 21.265 5.83888C21.1916 5.92002 21.1021 5.98503 21.0023 6.02979C20.9024 6.07454 20.7944 6.09807 20.685 6.09888Z" fill="black"/>
<path d="M3.26501 6.0989C3.06702 6.09459 2.87786 6.01607 2.73502 5.8789C2.59457 5.73828 2.51569 5.54765 2.51569 5.3489C2.51569 5.15015 2.59457 4.95953 2.73502 4.8189L5.05502 2.4989C5.12369 2.42522 5.20646 2.36611 5.29846 2.32512C5.39046 2.28413 5.48978 2.26209 5.59048 2.26031C5.69119 2.25853 5.79122 2.27705 5.88461 2.31478C5.978 2.3525 6.06284 2.40864 6.13406 2.47986C6.20528 2.55108 6.26141 2.63592 6.29913 2.7293C6.33685 2.82269 6.35538 2.92272 6.35361 3.02342C6.35183 3.12413 6.32978 3.22344 6.28879 3.31544C6.2478 3.40744 6.18871 3.49024 6.11502 3.5589L3.79501 5.8789C3.6545 6.01959 3.46386 6.09873 3.26501 6.0989Z" fill="black"/>
</svg>