Alarm Clock icon

glyphs-poly:alarm-clock

The Alarm Clock icon (glyphs-poly:alarm-clock) is a free SVG icon from the Glyphs Poly set by Goran Spasojevic. It is drawn on a 80 × 80 grid. Glyphs Poly icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Glyphs Poly
Author: Goran Spasojevic
License: MIT
Size: 80 × 80
Tags: alarmclock

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="#4f4f4f" fill-rule="evenodd" d="M62.76 13.213a12.93 12.93 0 0 0-13.36 2.121c-1.062.91-.533 2.526.764 3.049l.252.103a27.72 27.72 0 0 1 15 15c.327.79 1.328 1.067 1.907.439a12.93 12.93 0 0 0 2.436-13.712a12.93 12.93 0 0 0-7-7m-32.297 2.012c1.087.906.55 2.546-.768 3.063q-.247.096-.49.198a27.72 27.72 0 0 0-15 15c-.277.667-1.13.887-1.615.351a12.93 12.93 0 0 1-2.355-13.624a12.934 12.934 0 0 1 20.228-4.988" clip-rule="evenodd"/><path fill="#4f4f4f" d="M62.398 69.33a2 2 0 0 0 2.829-2.829zm-5.404-11.061a2 2 0 1 0-2.828 2.828zm-42.596 8.233a2 2 0 1 0 2.829 2.828zm11.061-5.405a2 2 0 0 0-2.828-2.828zm39.768 5.404l-8.233-8.232l-2.828 2.828l8.232 8.232zm-48 2.83l8.232-8.234l-2.828-2.828l-8.233 8.233z"/><path fill="#f2f2f2" stroke="#bdbdbd" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M31.327 23.609a22.172 22.172 0 1 1 16.97 40.969a22.172 22.172 0 0 1-16.97-40.969"/><path fill="#4f4f4f" d="m25.777 35.917l-1.728-1.007a2 2 0 0 0 .728 2.738zm.002-.004l1-1.733a2 2 0 0 0-2.728.726zm1.733 1l1.727 1.008a2 2 0 0 0-.728-2.741zm-.003.004l-1 1.732a2 2 0 0 0 2.727-.724zm-3.94 6.998l-2-.022a2 2 0 0 0 2 2.022zm0-.004v-2a2 2 0 0 0-2 1.977zm2 0l2 .025a2 2 0 0 0-2-2.026zm0 .005v2a2 2 0 0 0 2-1.975zm.055 8.087l-1.747.974a2 2 0 0 0 2.746.758zm-.002-.004l-1-1.732a2 2 0 0 0-.747 2.706zm1.732-1l1.75-.97a2 2 0 0 0-2.75-.762zm.002.004l1 1.733a2 2 0 0 0 .75-2.702zm4.123 7.035l-1.025 1.717a2 2 0 0 0 2.757-.717zm-.003-.002l-1.733-1a2 2 0 0 0 .707 2.716zm1-1.733l1.03-1.714a2 2 0 0 0-2.763.714zm.004.003l1.732 1a2 2 0 0 0-.703-2.715zm7.154 4.031l-.021 2a2 2 0 0 0 2.02-2zm-.005 0h-2a2 2 0 0 0 1.98 2zm0-2l.026-2a2 2 0 0 0-2.026 2zm.005 0h2a2 2 0 0 0-1.974-2zm8.245-.143l.993 1.736a2 2 0 0 0 .74-2.736zm-.003.002l-1.732 1a2 2 0 0 0 2.724.736zm-1.001-1.732l-.992-1.736a2 2 0 0 0-.74 2.736zm.005-.003l1.732-1a2 2 0 0 0-2.724-.736zm7.034-4.304l1.737.992a2 2 0 0 0-.736-2.724zm-.002.003l-1 1.733a2 2 0 0 0 2.737-.74zm-1.732-1l-1.736-.991a2 2 0 0 0 .736 2.724zm.003-.004l1-1.732a2 2 0 0 0-2.737.74zm3.873-7.245l2-.021a2 2 0 0 0-2-1.98zm0 .004v2a2 2 0 0 0 2-2.021zm-2 0l-2 .026a2 2 0 0 0 2 1.975zm0-.005v-2a2 2 0 0 0-2 2.026zm-.302-8.153l1.717-1.026a2 2 0 0 0-2.717-.706zm.002.004l1 1.731a2 2 0 0 0 .717-2.757zm-1.732 1l-1.714 1.03a2 2 0 0 0 2.715.702zm-.003-.004l-1-1.733a2 2 0 0 0-.714 2.763zm-4.303-6.854l.973-1.747a2 2 0 0 0-2.705.747zm.003.002l1.733 1a2 2 0 0 0-.758-2.746zm-1 1.733l-.969 1.75a2 2 0 0 0 2.702-.75zm-.004-.003l-1.732-1a2 2 0 0 0 .763 2.75zm-7.088-3.784l-.022-2a2 2 0 0 0-1.978 2zm.005 0h2a2 2 0 0 0-2.022-2zm-.005 2h-2a2 2 0 0 0 2.026 2zm.006 0l.025 2a2 2 0 0 0 1.975-2zm-8 .207l1.732-1a2 2 0 0 0-2.738-.728zm1 1.732l1.009 1.728a2 2 0 0 0 .724-2.728zm-1.004-1.73l-1.007-1.727a2 2 0 0 0-.725 2.727zm1 1.733l-1.732 1a2 2 0 0 0 2.74.727zm-5.126 5.13l.002-.003l-3.456-2.014l-.002.004zm-2.725.722l1.732 1l2-3.465l-1.733-1zm1.004-1.741q0 .003-.003.005l3.455 2.016l.003-.004zm2.725-.719l-1.732-1l-2 3.463l1.731 1zm-2.94 8.752v-.004l-4-.045v.005zm-1.999 1.974h2v-4h-2zm0-2.027v.007l4 .05v-.005zm2-1.968h-2v4h2zm1.8 9.113l-.001-.004l-3.494 1.948v.001l.002.003zm-.748 2.702l1.732-1l-2-3.464l-1.733 1zm-1.018-1.763l.002.003l.001.002l3.499-1.94l-.003-.004zm.753-2.697l-1.733 1l2 3.464l1.732-1zm6.148 7.05h-.001v-.001h-.002v-.001l-2.052 3.433v.001h.002v.001h.001zm.703 2.714l1-1.732l-3.465-2l-1 1.733zm-1.763-1.018l.005.003l2.06-3.429l-.005-.002zm-.697-2.712l-1 1.732l3.463 2.001l1-1.732zm8.907 3.032h-.003l-.043 4h.004zm1.974 2v-2h-4v2zm-2.026 0h.006l.051-4h-.005zm-1.969-2v2h4v-2zm9.253-1.88l-.002.001l-.002.002l1.985 3.472h.001l.003-.002zm2.72.738l-1-1.731l-3.464 2l1 1.732zm-1.74 1.006l.002-.001l.003-.002l-1.984-3.473h-.002l-.003.002zm-2.72-.74l1 1.732l3.465-1.999l-1-1.732zm7.031-6.297v.002l-.002.002l3.473 1.985v-.001l.002-.003zm2.734-.736l-1.732-1l-2 3.465l1.733 1zm-.995 1.725v-.002l.002-.003l-3.473-1.984l-.001.002l-.002.003zm-2.735.735l1.732 1l2.001-3.463l-1.732-1zm2.874-8.956v.005l4-.043v-.005zm2-2.017h-2.001l.001 4h2zm0 1.975v-.005l-4 .051v.005zm-2.001 2.02h2l.001-4h-2zm-2.018-9.127l.002.002v.001l3.434-2.05l-.002-.004zm.719-2.754l-1.732 1l2 3.464l1.733-1zm.983 1.703l-.003-.005l-3.429 2.06l.003.004zm-.718 2.757l1.733-1l-2-3.464l-1.732 1zm-6.277-6.839l.003.002l1.949-3.493l-.003-.002h-.002zm-.755-2.744l-1 1.732l3.465 2l1-1.733zm1.702.983l-.005-.003l-1.938 3.499l.004.002zm.758 2.747l1-1.732l-3.463-2.001l-1 1.732zm-8.797-2.785h.004l-.044-4h-.005zm1.977 0v-2h-4v2zm-2.02-2h-.006l.052 4h.005zm-1.975 0v2h4v-2zm-7.73 3.208l1 1.732l3.464-2.001l-1-1.732zm2.735.73l.003-.003l-2.013-3.456l-.005.003zm1.724-.996l-1-1.732l-3.464 2l1 1.731zm-2.735-.73l-.005.003l2.016 3.454l.005-.002z"/><path fill="#eb5757" d="M48.086 36.574a2 2 0 0 0-3.177-2.43zm-8.037 3.923a2 2 0 1 0 3.176 2.43zM52.73 53.742a2 2 0 0 0 1.978-3.477zm-9.32-9.904a2 2 0 1 0-1.978 3.477zm-4.598.256a1 1 0 0 1 1-1v-4a5 5 0 0 0-5 5zm1 1a1 1 0 0 1-1-1h-4a5 5 0 0 0 5 5zm1-1a1 1 0 0 1-1 1v4a5 5 0 0 0 5-5zm-1-1a1 1 0 0 1 1 1h4a5 5 0 0 0-5-5zm5.096-8.95l-4.86 6.353l3.176 2.43l4.861-6.353zm9.8 16.121L43.41 43.838l-1.978 3.477l11.298 6.427z"/></g></svg>

How to use the Alarm Clock icon

React

import { Icon } from "@iconify/react";

<Icon icon="glyphs-poly:alarm-clock" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="glyphs-poly:alarm-clock" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="glyphs-poly:alarm-clock" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs-poly--alarm-clock]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/glyphs-poly -->
<div class="i-glyphs-poly:alarm-clock"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="glyphs-poly:alarm-clock"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/glyphs-poly/alarm-clock.svg" alt="Alarm Clock icon" width="24" height="24">

Related icons in Glyphs Poly

Alarm Clock icon in other icon sets

Alarm Clock icon FAQ

Is the Alarm Clock icon free for commercial use?

Yes. Glyphs Poly icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Alarm Clock icon in React?

Install @iconify/react and render <Icon icon="glyphs-poly:alarm-clock" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Alarm Clock icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/glyphs-poly/alarm-clock.svg" alt="Alarm Clock icon">, or paste the SVG code inline to style it with CSS.

Browse all Glyphs Poly icons →