Alarm Clock icon
fluent-mdl2:alarm-clock
The Alarm Clock icon (fluent-mdl2:alarm-clock) is a free SVG icon from the Fluent UI MDL2 set by Microsoft Corporation. It is drawn on a 2048 × 2048 grid. Fluent UI MDL2 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
- Fluent UI MDL2
- Author
- Microsoft Corporation
- License
- MIT
- Size
- 2048 × 2048
- Tags
- alarmclock
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M1408 1152v128H896V640h128v512zm240-1024q83 0 156 31t127 86t85 127t32 156q0 50-12 97t-35 91t-56 80t-74 64q25 71 37 144t12 148q0 162-56 313t-163 274l200 200l-90 90l-200-200q-122 106-273 162t-314 57q-162 0-313-56t-274-163l-200 200l-90-90l200-200q-106-122-162-273t-57-314q0-75 12-148t37-144q-41-27-74-64t-56-80t-35-90t-12-98q0-83 31-156t86-127t127-85t156-32q49 0 97 12t91 35t80 56t64 74q71-25 144-37t148-12t148 12t144 37q27-41 64-74t80-56t90-35t98-12M400 256q-56 0-105 21t-87 59t-58 86t-22 106q0 62 26 117t75 94q64-124 161-221t221-161q-38-48-93-74t-118-27m624 1664q159 0 298-60t244-165t165-244t61-299q0-159-60-298t-165-244t-244-165t-299-61q-159 0-298 60T482 609T317 853t-61 299q0 159 60 298t165 244t244 165t299 61m795-1181q48-38 74-93t27-118q0-56-21-105t-59-87t-86-58t-106-22q-62 0-117 26t-94 75q124 64 221 161t161 221"/></svg>
How to use the Alarm Clock icon
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:alarm-clock" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:alarm-clock" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:alarm-clock" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--alarm-clock]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:alarm-clock"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-mdl2:alarm-clock"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/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. Fluent UI MDL2 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="fluent-mdl2: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/fluent-mdl2/alarm-clock.svg" alt="Alarm Clock icon">, or paste the SVG code inline to style it with CSS.
Browse all Fluent UI MDL2 icons →
ICONYZ
