Alarm Clock Outline icon

glyphs:alarm-clock-outline

The Alarm Clock Outline icon (glyphs:alarm-clock-outline) is a free SVG icon from the Glyphs set by Goran Spasojevic. It is drawn on a 80 × 80 grid. Glyphs 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
Author: Goran Spasojevic
License: MIT
Size: 80 × 80
Tags: alarmclock, clockoutline, alarmclockoutline

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="currentColor" fill-opacity=".25" fill-rule="evenodd" d="M63.528 11.365a14.94 14.94 0 0 0-15.424 2.45c-1.184 1.013-1.476 2.474-1.13 3.723c.332 1.194 1.232 2.21 2.447 2.7l.234.096A25.72 25.72 0 0 1 63.573 34.25a3.27 3.27 0 0 0 2.227 1.93a3.05 3.05 0 0 0 2.998-.9a14.935 14.935 0 0 0-5.27-23.914m-9.9 3.695a10.934 10.934 0 0 1 13.1 16.434A29.72 29.72 0 0 0 51.04 16.578a11 11 0 0 1 2.589-1.518m-25.727-3.695A14.934 14.934 0 0 0 11.11 35.178c1.654 1.83 4.216.834 4.945-.927A25.72 25.72 0 0 1 30.428 20.15c1.234-.484 2.149-1.508 2.483-2.713c.35-1.262.047-2.74-1.165-3.749a15 15 0 0 0-3.844-2.323m-9.9 3.695a10.93 10.93 0 0 1 10.83 1.42q-.195.077-.39.158a29.72 29.72 0 0 0-15.39 14.535a10.936 10.936 0 0 1 4.95-16.112M47.716 33.77a2 2 0 0 1 .373 2.804L44.19 41.67a5 5 0 0 1 .599 2.95l9.923 5.645a2 2 0 0 1 .741 2.744l-.024.042a2 2 0 0 1-2.73.74l-1.574-.904a2 2 0 0 1-.367-.27l-7.946-4.52a5 5 0 1 1-1.798-8.859l3.898-5.095a2 2 0 0 1 .897-.661l-.063-.034l-.041-.022a2 2 0 0 1-.763-2.756l.912-1.57a2 2 0 0 1 2.7-.744l.044.025a2 2 0 0 1 .76 2.741l-.904 1.575a2 2 0 0 1-1.043.88q.16.082.305.193m-7.9 9.324a1 1 0 1 0 0 2a1 1 0 0 0 0-2" clip-rule="evenodd"/><path fill="currentColor" fill-opacity=".25" d="M41.659 28.088a2 2 0 0 0-2.02-1.994h-.05a2 2 0 0 0-1.975 1.995l-.005 1.815a2 2 0 0 0 2.029 2.005h.047a2 2 0 0 0 1.979-2.005zm-8.151 1.165a2 2 0 0 0-2.734-.725l-.045.026a2 2 0 0 0-.725 2.722l.903 1.575a2 2 0 0 0 2.747.73l.04-.024a2 2 0 0 0 .725-2.734zm21.744 5.581a2 2 0 0 0-2.71-.706l-1.575.904a2 2 0 0 0-.717 2.768l.023.04a2 2 0 0 0 2.721.702l1.57-.912a2 2 0 0 0 .714-2.753zm-28.254-.552a2 2 0 0 0-2.722.725l-.026.044a2 2 0 0 0 .725 2.734l1.57.912a2 2 0 0 0 2.734-.725l.024-.04a2 2 0 0 0-.73-2.747zm.633 9.634a2 2 0 0 0-2.005-2.03l-1.815.005a2 2 0 0 0-1.995 1.975v.051a2 2 0 0 0 1.994 2.02l1.815.005a2 2 0 0 0 2.006-1.979zm26.374-2.028A2 2 0 0 0 52 43.917v.045a2 2 0 0 0 2.005 1.979l1.816-.005a2 2 0 0 0 1.994-2.02v-.049a2 2 0 0 0-1.995-1.975zm-24.857 8.095a2 2 0 0 0-2.756-.763l-1.57.912a2 2 0 0 0-.744 2.7l.024.044a2 2 0 0 0 2.742.76l1.574-.904a2 2 0 0 0 .752-2.708zm4.374 4.545a2 2 0 0 0-2.768.717l-.904 1.575a2 2 0 0 0 .706 2.71l.043.026a2 2 0 0 0 2.753-.713l.912-1.57a2 2 0 0 0-.703-2.721zm15.087.875a2 2 0 0 0-2.73-.74l-.039.023a2 2 0 0 0-.74 2.743l.911 1.57a2 2 0 0 0 2.72.732l.042-.024a2 2 0 0 0 .74-2.73zm-8.97.875a2 2 0 0 0-2.03 2.005l.006 1.815a2 2 0 0 0 1.974 1.995h.05a2 2 0 0 0 2.02-1.994l.004-1.815a2 2 0 0 0-1.979-2.006z"/><path fill="currentColor" fill-opacity=".25" fill-rule="evenodd" d="M62.149 53.345a24.2 24.2 0 0 1-3.803 6.272l6.884 6.884a2 2 0 0 1-2.829 2.828l-6.869-6.869a24.17 24.17 0 0 1-31.434 0l-6.868 6.87a2 2 0 1 1-2.829-2.828l6.884-6.885a24.172 24.172 0 1 1 40.863-6.273m-7.98 4.924l.019-.019a20.17 20.17 0 0 0 4.265-21.876A20.173 20.173 0 1 0 25.44 58.247l.021.02l.037.038a20.17 20.17 0 0 0 28.635-.002l.017-.017z" clip-rule="evenodd"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M63.528 11.365a14.94 14.94 0 0 0-15.424 2.45c-1.184 1.013-1.476 2.474-1.13 3.723c.332 1.194 1.232 2.21 2.447 2.7l.234.096A25.72 25.72 0 0 1 63.573 34.25a3.27 3.27 0 0 0 2.227 1.93a3.05 3.05 0 0 0 2.998-.9a14.935 14.935 0 0 0-5.27-23.914m-9.9 3.695a10.934 10.934 0 0 1 13.1 16.434A29.72 29.72 0 0 0 51.04 16.578a11 11 0 0 1 2.589-1.518m-25.727-3.695A14.934 14.934 0 0 0 11.11 35.178c1.654 1.83 4.216.834 4.945-.927A25.72 25.72 0 0 1 30.428 20.15c1.234-.484 2.149-1.508 2.483-2.713c.35-1.262.047-2.74-1.165-3.749a15 15 0 0 0-3.844-2.323m-9.9 3.695a10.93 10.93 0 0 1 10.83 1.42q-.195.077-.39.158a29.72 29.72 0 0 0-15.39 14.535a10.936 10.936 0 0 1 4.95-16.112M47.716 33.77a2 2 0 0 1 .373 2.804L44.19 41.67a5 5 0 0 1 .599 2.95l9.923 5.645a2 2 0 0 1 .741 2.744l-.024.042a2 2 0 0 1-2.73.74l-1.574-.904a2 2 0 0 1-.367-.27l-7.946-4.52a5 5 0 1 1-1.798-8.859l3.898-5.095a2 2 0 0 1 .897-.661l-.063-.034l-.041-.022a2 2 0 0 1-.763-2.756l.912-1.57a2 2 0 0 1 2.7-.744l.044.025a2 2 0 0 1 .76 2.741l-.904 1.575a2 2 0 0 1-1.043.88q.16.082.305.193m-7.9 9.324a1 1 0 1 0 0 2a1 1 0 0 0 0-2" clip-rule="evenodd"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M41.659 28.088a2 2 0 0 0-2.02-1.994h-.05a2 2 0 0 0-1.975 1.995l-.005 1.815a2 2 0 0 0 2.029 2.005h.047a2 2 0 0 0 1.979-2.005zm-8.151 1.165a2 2 0 0 0-2.734-.725l-.045.026a2 2 0 0 0-.725 2.722l.903 1.575a2 2 0 0 0 2.747.73l.04-.024a2 2 0 0 0 .725-2.734zm21.744 5.581a2 2 0 0 0-2.71-.706l-1.575.904a2 2 0 0 0-.717 2.768l.023.04a2 2 0 0 0 2.721.702l1.57-.912a2 2 0 0 0 .714-2.753zm-28.254-.552a2 2 0 0 0-2.722.725l-.026.044a2 2 0 0 0 .725 2.734l1.57.912a2 2 0 0 0 2.734-.725l.024-.04a2 2 0 0 0-.73-2.747zm.633 9.634a2 2 0 0 0-2.005-2.03l-1.815.005a2 2 0 0 0-1.995 1.975v.051a2 2 0 0 0 1.994 2.02l1.815.005a2 2 0 0 0 2.006-1.979zm26.374-2.028A2 2 0 0 0 52 43.917v.045a2 2 0 0 0 2.005 1.979l1.816-.005a2 2 0 0 0 1.994-2.02v-.049a2 2 0 0 0-1.995-1.975zm-24.857 8.095a2 2 0 0 0-2.756-.763l-1.57.912a2 2 0 0 0-.744 2.7l.024.044a2 2 0 0 0 2.742.76l1.574-.904a2 2 0 0 0 .752-2.708zm4.374 4.545a2 2 0 0 0-2.768.717l-.904 1.575a2 2 0 0 0 .706 2.71l.043.026a2 2 0 0 0 2.753-.713l.912-1.57a2 2 0 0 0-.703-2.721zm15.087.875a2 2 0 0 0-2.73-.74l-.039.023a2 2 0 0 0-.74 2.743l.911 1.57a2 2 0 0 0 2.72.732l.042-.024a2 2 0 0 0 .74-2.73zm-8.97.875a2 2 0 0 0-2.03 2.005l.006 1.815a2 2 0 0 0 1.974 1.995h.05a2 2 0 0 0 2.02-1.994l.004-1.815a2 2 0 0 0-1.979-2.006z"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M62.149 53.345a24.2 24.2 0 0 1-3.803 6.272l6.884 6.884a2 2 0 0 1-2.829 2.828l-6.869-6.869a24.17 24.17 0 0 1-31.434 0l-6.868 6.87a2 2 0 1 1-2.829-2.828l6.884-6.885a24.172 24.172 0 1 1 40.863-6.273m-7.98 4.924l.019-.019a20.17 20.17 0 0 0 4.265-21.876A20.173 20.173 0 1 0 25.44 58.247l.021.02l.037.038a20.17 20.17 0 0 0 28.635-.002l.017-.017z" clip-rule="evenodd"/></g></svg>

How to use the Alarm Clock Outline icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Related icons in Glyphs

Alarm Clock Outline icon FAQ

Is the Alarm Clock Outline icon free for commercial use?

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

How do I use the Alarm Clock Outline icon in React?

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

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

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

Browse all Glyphs icons →