Alarm Clock icon
wpf:alarm-clock
The Alarm Clock icon (wpf:alarm-clock) is a free SVG icon from the Icons8 Windows 8 Icons set by Icons8. It is drawn on a 26 × 26 grid. Icons8 Windows 8 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
- Icons8 Windows 8 Icons
- Author
- Icons8
- License
- MIT
- Size
- 26 × 26
- Tags
- alarmclock
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26"><path fill="currentColor" d="M13 .188c-1.104 0-2 .844-2 1.812h4c0-.908-.896-1.813-2-1.813zM4.969.5C3.916.582 2.867 1.07 2 1.938C.268 3.67-.077 6.173 1.656 7.905l6.282-6.281C7.072.758 6.021.418 4.967.5zM20.25.5c-.781.105-1.538.475-2.188 1.125l6.282 6.281c1.733-1.732 1.388-4.235-.344-5.968C22.917.853 21.552.325 20.25.5M13 3.188C7.028 3.188 2.187 8.027 2.187 14c0 3.581 1.756 6.751 4.438 8.719l-.781 2.312a.684.684 0 0 0 .406.844a.695.695 0 0 0 .906-.281l1.032-1.907A10.8 10.8 0 0 0 13 24.813c1.727 0 3.364-.405 4.813-1.125l1.03 1.907c.1.199.451.48.907.281a.684.684 0 0 0 .406-.844l-.781-2.312c2.682-1.968 4.438-5.138 4.438-8.719c0-5.972-4.841-10.813-10.813-10.813m-1 2.624V6.5a1 1 0 0 0 .469.844a.75.75 0 0 0-.125.343l-.25 5.032A1.57 1.57 0 0 0 11.438 14c0 .867.695 1.563 1.562 1.563c.055 0 .103-.026.156-.032l3.063 2.719c.172.154.604.27.968-.094c.365-.365.244-.794.094-.968l-2.718-3.125V14c0-.553-.287-1.033-.72-1.313l-.187-5a.75.75 0 0 0-.125-.343A1 1 0 0 0 14 6.5v-.688c3.706.452 6.682 3.374 7.188 7.063H20.5a1 1 0 0 0-.125 0a1.127 1.127 0 1 0 .125 2.25h.688c-.5 3.648-3.415 6.562-7.063 7.063V21.5a1.123 1.123 0 0 0-1.375-1.125a1.12 1.12 0 0 0-.875 1.125v.688c-3.648-.5-6.562-3.415-7.063-7.063H5.5a1.125 1.125 0 0 0 0-2.25h-.688C5.319 9.185 8.294 6.264 12 5.812"/></svg>
How to use the Alarm Clock icon
React
import { Icon } from "@iconify/react";
<Icon icon="wpf:alarm-clock" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="wpf:alarm-clock" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="wpf:alarm-clock" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[wpf--alarm-clock]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/wpf -->
<div class="i-wpf:alarm-clock"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="wpf:alarm-clock"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/wpf/alarm-clock.svg" alt="Alarm Clock icon" width="24" height="24">
Alarm Clock icon in other icon sets
Alarm Clock icon FAQ
Is the Alarm Clock icon free for commercial use?
Yes. Icons8 Windows 8 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="wpf: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/wpf/alarm-clock.svg" alt="Alarm Clock icon">, or paste the SVG code inline to style it with CSS.
Browse all Icons8 Windows 8 Icons →
ICONYZ
