Alarm Clock Cancelled icon
ix:alarm-clock-cancelled
The Alarm Clock Cancelled icon (ix:alarm-clock-cancelled) is a free SVG icon from the Siemens Industrial Experience Icons set by Siemens AG. It is drawn on a 512 × 512 grid. Siemens Industrial Experience 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
- Siemens Industrial Experience Icons
- Author
- Siemens AG
- License
- MIT
- Size
- 512 × 512
- Tags
- alarmclock, clockcancelled, alarmclockcancelled
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" fill-rule="evenodd" d="M447.998 256.001c0-106.039-85.961-192-192-192c-106.038 0-192 85.961-192 192c0 52.238 20.862 99.604 54.709 134.22l-33.36 57.778l36.951 21.333l29.889-51.788c29.931 19.274 65.565 30.457 103.811 30.457c8.643 0 17.152-.571 25.453-1.687a117.2 117.2 0 0 1-21.065-41.043q-2.186.063-4.388.063c-82.474 0-149.333-66.859-149.333-149.333s66.859-149.334 149.333-149.334s149.334 66.859 149.334 149.334l-.083 4.393c15.155 4.274 29.065 11.516 41.076 21.065a194 194 0 0 0 1.673-25.458m-192.427-26.759l-67.726-67.725l-30.17 30.17l67.617 67.865l30.435 30.187l30.009-30.332l59.481-59.441l-30.17-30.17zm213.458-115.251a257.4 257.4 0 0 0-71.012-71.01l-23.654 35.515a214.5 214.5 0 0 1 59.159 59.161zM137.642 78.496L113.97 42.993a257.4 257.4 0 0 0-70.986 70.985l35.503 23.672a214.5 214.5 0 0 1 59.155-59.154m235.691 358.839c11.87 0 22.984-3.231 32.513-8.862l-87.651-87.651c-5.631 9.529-8.862 20.643-8.862 32.513c0 35.346 28.654 64 64 64m-32.51-119.14l87.65 87.65c5.63-9.528 8.86-20.642 8.86-32.51c0-35.347-28.653-64-64-64c-11.868 0-22.982 3.23-32.51 8.86m32.51 151.14c53.02 0 96-42.981 96-96c0-53.02-42.98-96-96-96c-53.019 0-96 42.98-96 96c0 53.019 42.981 96 96 96" clip-rule="evenodd"/></svg>How to use the Alarm Clock Cancelled icon
React
import { Icon } from "@iconify/react";
<Icon icon="ix:alarm-clock-cancelled" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ix:alarm-clock-cancelled" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ix:alarm-clock-cancelled" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ix--alarm-clock-cancelled]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ix -->
<div class="i-ix:alarm-clock-cancelled"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ix:alarm-clock-cancelled"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/ix/alarm-clock-cancelled.svg" alt="Alarm Clock Cancelled icon" width="24" height="24">Related icons in Siemens Industrial Experience Icons
Alarm Clock Cancelled icon FAQ
Is the Alarm Clock Cancelled icon free for commercial use?
Yes. Siemens Industrial Experience Icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Alarm Clock Cancelled icon in React?
Install @iconify/react and render <Icon icon="ix:alarm-clock-cancelled" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Alarm Clock Cancelled icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/ix/alarm-clock-cancelled.svg" alt="Alarm Clock Cancelled icon">, or paste the SVG code inline to style it with CSS.