alarm clock emoji
alarm-clock from Twitter Emoji by Twitter · Default · Travel & Places · CC-BY-4.0 Attribution required.
- Name
- alarm-clock
- Set
- Twitter Emoji
- Style
- Default
- Category
- Travel & Places
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
alarm-clockEmoji One (Colored)alarm-clockElement Plusalarm-clockFont Awesome Regularalarm-clockFont Awesome Solidalarm-clockFluent Emojialarm-clockFluent Emoji Flatalarm-clockFluent Emoji High Contrastalarm-clockHuge Iconsalarm-clockIconParkalarm-clockIconPark Outlinealarm-clockIconPark Solidalarm-clockIconPark TwoTonealarm-clockJam Iconsalarm-clockLucidealarm-clockMage Iconsalarm-clockMyna UI Iconsalarm-clockNoto Emojialarm-clockOpenMojialarm-clockPixelarticons
More travel & places icons from Twitter Emoji
Use the alarm clock emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ffcc4d" d="M20 6.042c0 1.112-.903 2.014-2 2.014s-2-.902-2-2.014V2.014C16 .901 16.903 0 18 0s2 .901 2 2.014z"/><path fill="#ffac33" d="M9.18 36c-.224 0-.452-.052-.666-.159a1.52 1.52 0 0 1-.667-2.027l8.94-18.127c.252-.512.768-.835 1.333-.835s1.081.323 1.333.835l8.941 18.127a1.52 1.52 0 0 1-.666 2.027a1.48 1.48 0 0 1-1.999-.676L18.121 19.74l-7.607 15.425A1.49 1.49 0 0 1 9.18 36"/><path fill="#58595b" d="M18.121 20.392a1 1 0 0 1-.702-.295L3.512 5.998c-.388-.394-.388-1.031 0-1.424s1.017-.393 1.404 0L18.121 17.96L31.324 4.573a.985.985 0 0 1 1.405 0a1.017 1.017 0 0 1 0 1.424l-13.905 14.1a1 1 0 0 1-.703.295"/><path fill="#dd2e44" d="M34.015 19.385c0 8.898-7.115 16.111-15.894 16.111c-8.777 0-15.893-7.213-15.893-16.111c0-8.9 7.116-16.113 15.893-16.113c8.778-.001 15.894 7.213 15.894 16.113"/><path fill="#e6e7e8" d="M30.041 19.385c0 6.674-5.335 12.084-11.92 12.084c-6.583 0-11.919-5.41-11.919-12.084C6.202 12.71 11.538 7.3 18.121 7.3c6.585-.001 11.92 5.41 11.92 12.085"/><path fill="#ffcc4d" d="M30.04 1.257a5.9 5.9 0 0 0-4.214 1.77l8.429 8.544A6.06 6.06 0 0 0 36 7.299c0-3.336-2.669-6.042-5.96-6.042m-24.08 0a5.9 5.9 0 0 1 4.214 1.77l-8.429 8.544A6.06 6.06 0 0 1 0 7.299c0-3.336 2.668-6.042 5.96-6.042"/><path fill="#414042" d="M23 20h-5a1 1 0 0 1-1-1v-9a1 1 0 0 1 2 0v8h4a1 1 0 1 1 0 2"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiAlarmClock(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ffcc4d" d="M20 6.042c0 1.112-.903 2.014-2 2.014s-2-.902-2-2.014V2.014C16 .901 16.903 0 18 0s2 .901 2 2.014z"/><path fill="#ffac33" d="M9.18 36c-.224 0-.452-.052-.666-.159a1.52 1.52 0 0 1-.667-2.027l8.94-18.127c.252-.512.768-.835 1.333-.835s1.081.323 1.333.835l8.941 18.127a1.52 1.52 0 0 1-.666 2.027a1.48 1.48 0 0 1-1.999-.676L18.121 19.74l-7.607 15.425A1.49 1.49 0 0 1 9.18 36"/><path fill="#58595b" d="M18.121 20.392a1 1 0 0 1-.702-.295L3.512 5.998c-.388-.394-.388-1.031 0-1.424s1.017-.393 1.404 0L18.121 17.96L31.324 4.573a.985.985 0 0 1 1.405 0a1.017 1.017 0 0 1 0 1.424l-13.905 14.1a1 1 0 0 1-.703.295"/><path fill="#dd2e44" d="M34.015 19.385c0 8.898-7.115 16.111-15.894 16.111c-8.777 0-15.893-7.213-15.893-16.111c0-8.9 7.116-16.113 15.893-16.113c8.778-.001 15.894 7.213 15.894 16.113"/><path fill="#e6e7e8" d="M30.041 19.385c0 6.674-5.335 12.084-11.92 12.084c-6.583 0-11.919-5.41-11.919-12.084C6.202 12.71 11.538 7.3 18.121 7.3c6.585-.001 11.92 5.41 11.92 12.085"/><path fill="#ffcc4d" d="M30.04 1.257a5.9 5.9 0 0 0-4.214 1.77l8.429 8.544A6.06 6.06 0 0 0 36 7.299c0-3.336-2.669-6.042-5.96-6.042m-24.08 0a5.9 5.9 0 0 1 4.214 1.77l-8.429 8.544A6.06 6.06 0 0 1 0 7.299c0-3.336 2.668-6.042 5.96-6.042"/><path fill="#414042" d="M23 20h-5a1 1 0 0 1-1-1v-9a1 1 0 0 1 2 0v8h4a1 1 0 1 1 0 2"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ffcc4d" d="M20 6.042c0 1.112-.903 2.014-2 2.014s-2-.902-2-2.014V2.014C16 .901 16.903 0 18 0s2 .901 2 2.014z"/><path fill="#ffac33" d="M9.18 36c-.224 0-.452-.052-.666-.159a1.52 1.52 0 0 1-.667-2.027l8.94-18.127c.252-.512.768-.835 1.333-.835s1.081.323 1.333.835l8.941 18.127a1.52 1.52 0 0 1-.666 2.027a1.48 1.48 0 0 1-1.999-.676L18.121 19.74l-7.607 15.425A1.49 1.49 0 0 1 9.18 36"/><path fill="#58595b" d="M18.121 20.392a1 1 0 0 1-.702-.295L3.512 5.998c-.388-.394-.388-1.031 0-1.424s1.017-.393 1.404 0L18.121 17.96L31.324 4.573a.985.985 0 0 1 1.405 0a1.017 1.017 0 0 1 0 1.424l-13.905 14.1a1 1 0 0 1-.703.295"/><path fill="#dd2e44" d="M34.015 19.385c0 8.898-7.115 16.111-15.894 16.111c-8.777 0-15.893-7.213-15.893-16.111c0-8.9 7.116-16.113 15.893-16.113c8.778-.001 15.894 7.213 15.894 16.113"/><path fill="#e6e7e8" d="M30.041 19.385c0 6.674-5.335 12.084-11.92 12.084c-6.583 0-11.919-5.41-11.919-12.084C6.202 12.71 11.538 7.3 18.121 7.3c6.585-.001 11.92 5.41 11.92 12.085"/><path fill="#ffcc4d" d="M30.04 1.257a5.9 5.9 0 0 0-4.214 1.77l8.429 8.544A6.06 6.06 0 0 0 36 7.299c0-3.336-2.669-6.042-5.96-6.042m-24.08 0a5.9 5.9 0 0 1 4.214 1.77l-8.429 8.544A6.06 6.06 0 0 1 0 7.299c0-3.336 2.668-6.042 5.96-6.042"/><path fill="#414042" d="M23 20h-5a1 1 0 0 1-1-1v-9a1 1 0 0 1 2 0v8h4a1 1 0 1 1 0 2"/></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%2036%2036%22%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22M20%206.042c0%201.112-.903%202.014-2%202.014s-2-.902-2-2.014V2.014C16%20.901%2016.903%200%2018%200s2%20.901%202%202.014z%22%2F%3E%3Cpath%20fill%3D%22%23ffac33%22%20d%3D%22M9.18%2036c-.224%200-.452-.052-.666-.159a1.52%201.52%200%200%201-.667-2.027l8.94-18.127c.252-.512.768-.835%201.333-.835s1.081.323%201.333.835l8.941%2018.127a1.52%201.52%200%200%201-.666%202.027a1.48%201.48%200%200%201-1.999-.676L18.121%2019.74l-7.607%2015.425A1.49%201.49%200%200%201%209.18%2036%22%2F%3E%3Cpath%20fill%3D%22%2358595b%22%20d%3D%22M18.121%2020.392a1%201%200%200%201-.702-.295L3.512%205.998c-.388-.394-.388-1.031%200-1.424s1.017-.393%201.404%200L18.121%2017.96L31.324%204.573a.985.985%200%200%201%201.405%200a1.017%201.017%200%200%201%200%201.424l-13.905%2014.1a1%201%200%200%201-.703.295%22%2F%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22M34.015%2019.385c0%208.898-7.115%2016.111-15.894%2016.111c-8.777%200-15.893-7.213-15.893-16.111c0-8.9%207.116-16.113%2015.893-16.113c8.778-.001%2015.894%207.213%2015.894%2016.113%22%2F%3E%3Cpath%20fill%3D%22%23e6e7e8%22%20d%3D%22M30.041%2019.385c0%206.674-5.335%2012.084-11.92%2012.084c-6.583%200-11.919-5.41-11.919-12.084C6.202%2012.71%2011.538%207.3%2018.121%207.3c6.585-.001%2011.92%205.41%2011.92%2012.085%22%2F%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22M30.04%201.257a5.9%205.9%200%200%200-4.214%201.77l8.429%208.544A6.06%206.06%200%200%200%2036%207.299c0-3.336-2.669-6.042-5.96-6.042m-24.08%200a5.9%205.9%200%200%201%204.214%201.77l-8.429%208.544A6.06%206.06%200%200%201%200%207.299c0-3.336%202.668-6.042%205.96-6.042%22%2F%3E%3Cpath%20fill%3D%22%23414042%22%20d%3D%22M23%2020h-5a1%201%200%200%201-1-1v-9a1%201%200%200%201%202%200v8h4a1%201%200%201%201%200%202%22%2F%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%2036%2036%22%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22M20%206.042c0%201.112-.903%202.014-2%202.014s-2-.902-2-2.014V2.014C16%20.901%2016.903%200%2018%200s2%20.901%202%202.014z%22%2F%3E%3Cpath%20fill%3D%22%23ffac33%22%20d%3D%22M9.18%2036c-.224%200-.452-.052-.666-.159a1.52%201.52%200%200%201-.667-2.027l8.94-18.127c.252-.512.768-.835%201.333-.835s1.081.323%201.333.835l8.941%2018.127a1.52%201.52%200%200%201-.666%202.027a1.48%201.48%200%200%201-1.999-.676L18.121%2019.74l-7.607%2015.425A1.49%201.49%200%200%201%209.18%2036%22%2F%3E%3Cpath%20fill%3D%22%2358595b%22%20d%3D%22M18.121%2020.392a1%201%200%200%201-.702-.295L3.512%205.998c-.388-.394-.388-1.031%200-1.424s1.017-.393%201.404%200L18.121%2017.96L31.324%204.573a.985.985%200%200%201%201.405%200a1.017%201.017%200%200%201%200%201.424l-13.905%2014.1a1%201%200%200%201-.703.295%22%2F%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22M34.015%2019.385c0%208.898-7.115%2016.111-15.894%2016.111c-8.777%200-15.893-7.213-15.893-16.111c0-8.9%207.116-16.113%2015.893-16.113c8.778-.001%2015.894%207.213%2015.894%2016.113%22%2F%3E%3Cpath%20fill%3D%22%23e6e7e8%22%20d%3D%22M30.041%2019.385c0%206.674-5.335%2012.084-11.92%2012.084c-6.583%200-11.919-5.41-11.919-12.084C6.202%2012.71%2011.538%207.3%2018.121%207.3c6.585-.001%2011.92%205.41%2011.92%2012.085%22%2F%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22M30.04%201.257a5.9%205.9%200%200%200-4.214%201.77l8.429%208.544A6.06%206.06%200%200%200%2036%207.299c0-3.336-2.669-6.042-5.96-6.042m-24.08%200a5.9%205.9%200%200%201%204.214%201.77l-8.429%208.544A6.06%206.06%200%200%201%200%207.299c0-3.336%202.668-6.042%205.96-6.042%22%2F%3E%3Cpath%20fill%3D%22%23414042%22%20d%3D%22M23%2020h-5a1%201%200%200%201-1-1v-9a1%201%200%200%201%202%200v8h4a1%201%200%201%201%200%202%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/alarm-clock.svg?color=%231a73e8&size=48
