alarm clock emoji
alarm-clock from Fluent Emoji Flat by Microsoft Corporation · Default · Travel & Places · MIT Free for personal and commercial use.
- Name
- alarm-clock
- Set
- Fluent Emoji Flat
- Style
- Default
- Category
- Travel & Places
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
alarm-clockEmoji One (Colored)alarm-clockElement Plusalarm-clockFont Awesome Regularalarm-clockFont Awesome Solidalarm-clockFluent Emojialarm-clockFluent Emoji High Contrastalarm-clockHuge Iconsalarm-clockIconParkalarm-clockIconPark Outlinealarm-clockIconPark Solidalarm-clockIconPark TwoTonealarm-clockJam Iconsalarm-clockLucidealarm-clockMage Iconsalarm-clockMyna UI Iconsalarm-clockNoto Emojialarm-clockOpenMojialarm-clockPixelarticonsalarm-clockTwitter Emoji
More travel & places icons from Fluent Emoji Flat
Use the alarm clock emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#d3d3d3" d="M23.207 24.58C21 25.5 19.05 26 16.5 26c-2.788 0-4.5-.5-7.203-1.86l-2.586 2.237C5.317 27.588 6.11 30 7.905 30H24.09c1.796 0 2.599-2.412 1.194-3.623z"/><path fill="#f8312f" d="M16.5 27C22.299 27 27 22.299 27 16.5S22.299 6 16.5 6S6 10.701 6 16.5S10.701 27 16.5 27"/><path fill="#fff" d="M16.5 24a7.5 7.5 0 1 0 0-15a7.5 7.5 0 0 0 0 15"/><path fill="#f9c23c" d="M4.273 9.228c-.735-2.284.039-4.883 2.033-6.294s4.588-1.178 6.32.396c.542.497.484 1.4-.106 1.817l-6.601 4.66c-.6.416-1.414.132-1.646-.579m24.454 0c.735-2.284-.039-4.883-2.033-6.294s-4.588-1.178-6.32.396c-.542.497-.484 1.4.106 1.817l6.601 4.66c.6.416 1.414.132 1.646-.579"/><path fill="#f8312f" d="M15.168 16.445a1 1 0 0 1 1.387-.277l3 2a1 1 0 1 1-1.11 1.664l-3-2a1 1 0 0 1-.277-1.387"/><path fill="#212121" d="M16 11a1 1 0 0 1 1 1v5a1 1 0 1 1-2 0v-5a1 1 0 0 1 1-1"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiFlatAlarmClock(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#d3d3d3" d="M23.207 24.58C21 25.5 19.05 26 16.5 26c-2.788 0-4.5-.5-7.203-1.86l-2.586 2.237C5.317 27.588 6.11 30 7.905 30H24.09c1.796 0 2.599-2.412 1.194-3.623z"/><path fill="#f8312f" d="M16.5 27C22.299 27 27 22.299 27 16.5S22.299 6 16.5 6S6 10.701 6 16.5S10.701 27 16.5 27"/><path fill="#fff" d="M16.5 24a7.5 7.5 0 1 0 0-15a7.5 7.5 0 0 0 0 15"/><path fill="#f9c23c" d="M4.273 9.228c-.735-2.284.039-4.883 2.033-6.294s4.588-1.178 6.32.396c.542.497.484 1.4-.106 1.817l-6.601 4.66c-.6.416-1.414.132-1.646-.579m24.454 0c.735-2.284-.039-4.883-2.033-6.294s-4.588-1.178-6.32.396c-.542.497-.484 1.4.106 1.817l6.601 4.66c.6.416 1.414.132 1.646-.579"/><path fill="#f8312f" d="M15.168 16.445a1 1 0 0 1 1.387-.277l3 2a1 1 0 1 1-1.11 1.664l-3-2a1 1 0 0 1-.277-1.387"/><path fill="#212121" d="M16 11a1 1 0 0 1 1 1v5a1 1 0 1 1-2 0v-5a1 1 0 0 1 1-1"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#d3d3d3" d="M23.207 24.58C21 25.5 19.05 26 16.5 26c-2.788 0-4.5-.5-7.203-1.86l-2.586 2.237C5.317 27.588 6.11 30 7.905 30H24.09c1.796 0 2.599-2.412 1.194-3.623z"/><path fill="#f8312f" d="M16.5 27C22.299 27 27 22.299 27 16.5S22.299 6 16.5 6S6 10.701 6 16.5S10.701 27 16.5 27"/><path fill="#fff" d="M16.5 24a7.5 7.5 0 1 0 0-15a7.5 7.5 0 0 0 0 15"/><path fill="#f9c23c" d="M4.273 9.228c-.735-2.284.039-4.883 2.033-6.294s4.588-1.178 6.32.396c.542.497.484 1.4-.106 1.817l-6.601 4.66c-.6.416-1.414.132-1.646-.579m24.454 0c.735-2.284-.039-4.883-2.033-6.294s-4.588-1.178-6.32.396c-.542.497-.484 1.4.106 1.817l6.601 4.66c.6.416 1.414.132 1.646-.579"/><path fill="#f8312f" d="M15.168 16.445a1 1 0 0 1 1.387-.277l3 2a1 1 0 1 1-1.11 1.664l-3-2a1 1 0 0 1-.277-1.387"/><path fill="#212121" d="M16 11a1 1 0 0 1 1 1v5a1 1 0 1 1-2 0v-5a1 1 0 0 1 1-1"/></g></svg> </template>
CSS
.icon-alarm-clock {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23d3d3d3%22%20d%3D%22M23.207%2024.58C21%2025.5%2019.05%2026%2016.5%2026c-2.788%200-4.5-.5-7.203-1.86l-2.586%202.237C5.317%2027.588%206.11%2030%207.905%2030H24.09c1.796%200%202.599-2.412%201.194-3.623z%22%2F%3E%3Cpath%20fill%3D%22%23f8312f%22%20d%3D%22M16.5%2027C22.299%2027%2027%2022.299%2027%2016.5S22.299%206%2016.5%206S6%2010.701%206%2016.5S10.701%2027%2016.5%2027%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16.5%2024a7.5%207.5%200%201%200%200-15a7.5%207.5%200%200%200%200%2015%22%2F%3E%3Cpath%20fill%3D%22%23f9c23c%22%20d%3D%22M4.273%209.228c-.735-2.284.039-4.883%202.033-6.294s4.588-1.178%206.32.396c.542.497.484%201.4-.106%201.817l-6.601%204.66c-.6.416-1.414.132-1.646-.579m24.454%200c.735-2.284-.039-4.883-2.033-6.294s-4.588-1.178-6.32.396c-.542.497-.484%201.4.106%201.817l6.601%204.66c.6.416%201.414.132%201.646-.579%22%2F%3E%3Cpath%20fill%3D%22%23f8312f%22%20d%3D%22M15.168%2016.445a1%201%200%200%201%201.387-.277l3%202a1%201%200%201%201-1.11%201.664l-3-2a1%201%200%200%201-.277-1.387%22%2F%3E%3Cpath%20fill%3D%22%23212121%22%20d%3D%22M16%2011a1%201%200%200%201%201%201v5a1%201%200%201%201-2%200v-5a1%201%200%200%201%201-1%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23d3d3d3%22%20d%3D%22M23.207%2024.58C21%2025.5%2019.05%2026%2016.5%2026c-2.788%200-4.5-.5-7.203-1.86l-2.586%202.237C5.317%2027.588%206.11%2030%207.905%2030H24.09c1.796%200%202.599-2.412%201.194-3.623z%22%2F%3E%3Cpath%20fill%3D%22%23f8312f%22%20d%3D%22M16.5%2027C22.299%2027%2027%2022.299%2027%2016.5S22.299%206%2016.5%206S6%2010.701%206%2016.5S10.701%2027%2016.5%2027%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16.5%2024a7.5%207.5%200%201%200%200-15a7.5%207.5%200%200%200%200%2015%22%2F%3E%3Cpath%20fill%3D%22%23f9c23c%22%20d%3D%22M4.273%209.228c-.735-2.284.039-4.883%202.033-6.294s4.588-1.178%206.32.396c.542.497.484%201.4-.106%201.817l-6.601%204.66c-.6.416-1.414.132-1.646-.579m24.454%200c.735-2.284-.039-4.883-2.033-6.294s-4.588-1.178-6.32.396c-.542.497-.484%201.4.106%201.817l6.601%204.66c.6.416%201.414.132%201.646-.579%22%2F%3E%3Cpath%20fill%3D%22%23f8312f%22%20d%3D%22M15.168%2016.445a1%201%200%200%201%201.387-.277l3%202a1%201%200%201%201-1.11%201.664l-3-2a1%201%200%200%201-.277-1.387%22%2F%3E%3Cpath%20fill%3D%22%23212121%22%20d%3D%22M16%2011a1%201%200%200%201%201%201v5a1%201%200%201%201-2%200v-5a1%201%200%200%201%201-1%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-flat/alarm-clock.svg?color=%231a73e8&size=48
