Alarmclock icon
fxemoji:alarmclock
The Alarmclock icon (fxemoji:alarmclock) is a free SVG icon from the Firefox OS Emoji set by Mozilla. It is drawn on a 512 × 512 grid. Firefox OS Emoji icons are released under the Apache 2.0 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
- Firefox OS Emoji
- Author
- Mozilla
- License
- Apache-2.0
- Size
- 512 × 512
- Category
- Symbols
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#6B8DA1" d="M275.816 58.999v123.14c0 10.899-8.917 19.816-19.816 19.816s-19.816-8.917-19.816-19.816V58.999c0-10.899 8.917-19.816 19.816-19.816s19.816 8.917 19.816 19.816m91.749 103.044c7.738 7.738 20.284 7.739 28.022.001l50.586-50.586c7.738-7.738 7.738-20.285 0-28.023s-20.285-7.738-28.023 0l-50.586 50.586c-7.737 7.738-7.736 20.285.001 28.022m-223.123.001c7.738-7.738 7.739-20.284.001-28.022L93.857 83.436c-7.738-7.738-20.285-7.738-28.023 0s-7.738 20.285 0 28.023l50.586 50.586c7.738 7.737 20.284 7.737 28.022-.001m258.984 320.575c7.706-7.706 7.706-20.317 0-28.023l-87.073-87.073c-7.706-7.706-20.317-7.706-28.023 0s-7.706 20.317 0 28.023l87.073 87.073c7.706 7.706 20.317 7.706 28.023 0m-266.829 0l87.073-87.073c7.706-7.706 7.706-20.317 0-28.023s-20.317-7.706-28.023 0l-87.073 87.073c-7.706 7.706-7.706 20.317 0 28.023s20.317 7.706 28.023 0"/><path fill="#FFB636" d="M354.319 45.692c36.12-30.974 90.561-29.384 124.768 4.823c34.242 34.242 35.8 88.76 4.727 124.879a8.76 8.76 0 0 1-9.46.405L353.826 55.271a8.76 8.76 0 0 1 .493-9.579M37.669 175.783L158.197 55.255a8.76 8.76 0 0 0-.405-9.46c-36.12-31.073-90.637-29.515-124.879 4.727C-1.293 84.729-2.883 139.17 28.091 175.29a8.75 8.75 0 0 0 9.578.493"/><path fill="#FFD469" d="M477.511 108.534c-4.411 0-8.386-3.056-9.377-7.541c-2.136-9.668-6.91-18.579-13.807-25.772c-6.88-7.176-15.559-12.318-25.098-14.871c-5.128-1.372-8.173-6.643-6.801-11.771c1.373-5.128 6.643-8.173 11.771-6.801c12.934 3.461 24.693 10.425 34.005 20.137c9.338 9.739 15.805 21.818 18.702 34.931c1.145 5.184-2.129 10.314-7.313 11.46a9.7 9.7 0 0 1-2.082.228M42.749 100.38c2.553-9.539 7.695-18.218 14.871-25.098c7.193-6.897 16.105-11.671 25.772-13.807c5.184-1.145 8.458-6.276 7.313-11.46s-6.276-8.458-11.46-7.313c-13.112 2.897-25.191 9.364-34.931 18.702c-9.713 9.313-16.676 21.071-20.137 34.005a9.613 9.613 0 0 0 9.292 12.1c4.245.001 8.13-2.833 9.28-7.129"/><path fill="#FB5046" d="M256 64.394c-117.011 0-211.863 94.852-211.863 211.863S138.989 488.129 256 488.129s211.863-94.861 211.863-211.872S373.011 64.394 256 64.394"/><path fill="#F9F9F8" d="M83.765 276.261c0 94.973 77.267 172.239 172.239 172.239s172.23-77.267 172.23-172.239s-77.258-172.239-172.23-172.239S83.765 181.289 83.765 276.261"/><path fill="#6B8DA1" d="M256 289.451h123.172c6.11 0 11.071-4.96 11.071-11.079c0-6.11-4.961-11.07-11.071-11.07H256c-6.119 0-11.08 4.961-11.08 11.07c0 6.118 4.961 11.079 11.08 11.079"/><path fill="#6B8DA1" d="M256 289.451c6.119 0 11.08-4.96 11.08-11.079V157.844c0-6.119-4.961-11.08-11.08-11.08s-11.08 4.961-11.08 11.08v120.527c0 6.119 4.961 11.08 11.08 11.08"/></svg>How to use the Alarmclock icon
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:alarmclock" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:alarmclock" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:alarmclock" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--alarmclock]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:alarmclock"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:alarmclock"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fxemoji/alarmclock.svg" alt="Alarmclock icon" width="24" height="24">Alarmclock icon in other icon sets
Alarmclock icon FAQ
Is the Alarmclock icon free for commercial use?
Yes. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Alarmclock icon in React?
Install @iconify/react and render <Icon icon="fxemoji:alarmclock" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Alarmclock icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/alarmclock.svg" alt="Alarmclock icon">, or paste the SVG code inline to style it with CSS.