timer clock emoji
timer-clock from Twitter Emoji by Twitter · Default · Travel & Places · CC-BY-4.0 Attribution required.
- Name
- timer-clock
- Set
- Twitter Emoji
- Style
- Default
- Category
- Travel & Places
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
More travel & places icons from Twitter Emoji
Use the timer clock emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#aab8c2" d="M18 0C8.611 0 1 7.611 1 17h.029v17c0 1.1.9 2 2 2H33c1.1 0 2-.9 2-2V17c0-9.389-7.611-17-17-17"/><circle cx="18" cy="17" r="14" fill="#fff"/><path fill="#66757f" d="M18 4c7.18 0 13 5.82 13 13s-5.82 13-13 13S5 24.18 5 17S10.82 4 18 4m0-2C9.729 2 3 8.729 3 17s6.729 15 15 15s15-6.729 15-15S26.271 2 18 2"/><path fill="#292f33" d="M19 6a1 1 0 0 0-2 0v1a1 1 0 0 0 2 0zm0 21a1 1 0 0 0-2 0v1a1 1 0 0 0 2 0zM8 16H7a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2m21 0h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2m-2.293 8.293L26 23.586A.999.999 0 1 0 24.586 25l.707.707a.999.999 0 1 0 1.414-1.414M10 23.586l-.707.707a.999.999 0 1 0 1.414 1.414l.707-.707A.999.999 0 1 0 10 23.586M9.293 9.707l.707.707A.999.999 0 1 0 11.414 9l-.707-.707a.999.999 0 1 0-1.414 1.414M26 10.414l.707-.707a.999.999 0 1 0-1.414-1.414L24.586 9A.999.999 0 1 0 26 10.414"/><path fill="#dd2e44" d="M8.915 13.839a1 1 0 0 1 1.325-1.288l8.154 3.51a1 1 0 0 1-.791 1.837l-8.154-3.51a1 1 0 0 1-.534-.549"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiTimerClock(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#aab8c2" d="M18 0C8.611 0 1 7.611 1 17h.029v17c0 1.1.9 2 2 2H33c1.1 0 2-.9 2-2V17c0-9.389-7.611-17-17-17"/><circle cx="18" cy="17" r="14" fill="#fff"/><path fill="#66757f" d="M18 4c7.18 0 13 5.82 13 13s-5.82 13-13 13S5 24.18 5 17S10.82 4 18 4m0-2C9.729 2 3 8.729 3 17s6.729 15 15 15s15-6.729 15-15S26.271 2 18 2"/><path fill="#292f33" d="M19 6a1 1 0 0 0-2 0v1a1 1 0 0 0 2 0zm0 21a1 1 0 0 0-2 0v1a1 1 0 0 0 2 0zM8 16H7a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2m21 0h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2m-2.293 8.293L26 23.586A.999.999 0 1 0 24.586 25l.707.707a.999.999 0 1 0 1.414-1.414M10 23.586l-.707.707a.999.999 0 1 0 1.414 1.414l.707-.707A.999.999 0 1 0 10 23.586M9.293 9.707l.707.707A.999.999 0 1 0 11.414 9l-.707-.707a.999.999 0 1 0-1.414 1.414M26 10.414l.707-.707a.999.999 0 1 0-1.414-1.414L24.586 9A.999.999 0 1 0 26 10.414"/><path fill="#dd2e44" d="M8.915 13.839a1 1 0 0 1 1.325-1.288l8.154 3.51a1 1 0 0 1-.791 1.837l-8.154-3.51a1 1 0 0 1-.534-.549"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#aab8c2" d="M18 0C8.611 0 1 7.611 1 17h.029v17c0 1.1.9 2 2 2H33c1.1 0 2-.9 2-2V17c0-9.389-7.611-17-17-17"/><circle cx="18" cy="17" r="14" fill="#fff"/><path fill="#66757f" d="M18 4c7.18 0 13 5.82 13 13s-5.82 13-13 13S5 24.18 5 17S10.82 4 18 4m0-2C9.729 2 3 8.729 3 17s6.729 15 15 15s15-6.729 15-15S26.271 2 18 2"/><path fill="#292f33" d="M19 6a1 1 0 0 0-2 0v1a1 1 0 0 0 2 0zm0 21a1 1 0 0 0-2 0v1a1 1 0 0 0 2 0zM8 16H7a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2m21 0h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2m-2.293 8.293L26 23.586A.999.999 0 1 0 24.586 25l.707.707a.999.999 0 1 0 1.414-1.414M10 23.586l-.707.707a.999.999 0 1 0 1.414 1.414l.707-.707A.999.999 0 1 0 10 23.586M9.293 9.707l.707.707A.999.999 0 1 0 11.414 9l-.707-.707a.999.999 0 1 0-1.414 1.414M26 10.414l.707-.707a.999.999 0 1 0-1.414-1.414L24.586 9A.999.999 0 1 0 26 10.414"/><path fill="#dd2e44" d="M8.915 13.839a1 1 0 0 1 1.325-1.288l8.154 3.51a1 1 0 0 1-.791 1.837l-8.154-3.51a1 1 0 0 1-.534-.549"/></svg> </template>
CSS
.icon-timer-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%23aab8c2%22%20d%3D%22M18%200C8.611%200%201%207.611%201%2017h.029v17c0%201.1.9%202%202%202H33c1.1%200%202-.9%202-2V17c0-9.389-7.611-17-17-17%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2217%22%20r%3D%2214%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20fill%3D%22%2366757f%22%20d%3D%22M18%204c7.18%200%2013%205.82%2013%2013s-5.82%2013-13%2013S5%2024.18%205%2017S10.82%204%2018%204m0-2C9.729%202%203%208.729%203%2017s6.729%2015%2015%2015s15-6.729%2015-15S26.271%202%2018%202%22%2F%3E%3Cpath%20fill%3D%22%23292f33%22%20d%3D%22M19%206a1%201%200%200%200-2%200v1a1%201%200%200%200%202%200zm0%2021a1%201%200%200%200-2%200v1a1%201%200%200%200%202%200zM8%2016H7a1%201%200%200%200%200%202h1a1%201%200%200%200%200-2m21%200h-1a1%201%200%200%200%200%202h1a1%201%200%200%200%200-2m-2.293%208.293L26%2023.586A.999.999%200%201%200%2024.586%2025l.707.707a.999.999%200%201%200%201.414-1.414M10%2023.586l-.707.707a.999.999%200%201%200%201.414%201.414l.707-.707A.999.999%200%201%200%2010%2023.586M9.293%209.707l.707.707A.999.999%200%201%200%2011.414%209l-.707-.707a.999.999%200%201%200-1.414%201.414M26%2010.414l.707-.707a.999.999%200%201%200-1.414-1.414L24.586%209A.999.999%200%201%200%2026%2010.414%22%2F%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22M8.915%2013.839a1%201%200%200%201%201.325-1.288l8.154%203.51a1%201%200%200%201-.791%201.837l-8.154-3.51a1%201%200%200%201-.534-.549%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%23aab8c2%22%20d%3D%22M18%200C8.611%200%201%207.611%201%2017h.029v17c0%201.1.9%202%202%202H33c1.1%200%202-.9%202-2V17c0-9.389-7.611-17-17-17%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2217%22%20r%3D%2214%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20fill%3D%22%2366757f%22%20d%3D%22M18%204c7.18%200%2013%205.82%2013%2013s-5.82%2013-13%2013S5%2024.18%205%2017S10.82%204%2018%204m0-2C9.729%202%203%208.729%203%2017s6.729%2015%2015%2015s15-6.729%2015-15S26.271%202%2018%202%22%2F%3E%3Cpath%20fill%3D%22%23292f33%22%20d%3D%22M19%206a1%201%200%200%200-2%200v1a1%201%200%200%200%202%200zm0%2021a1%201%200%200%200-2%200v1a1%201%200%200%200%202%200zM8%2016H7a1%201%200%200%200%200%202h1a1%201%200%200%200%200-2m21%200h-1a1%201%200%200%200%200%202h1a1%201%200%200%200%200-2m-2.293%208.293L26%2023.586A.999.999%200%201%200%2024.586%2025l.707.707a.999.999%200%201%200%201.414-1.414M10%2023.586l-.707.707a.999.999%200%201%200%201.414%201.414l.707-.707A.999.999%200%201%200%2010%2023.586M9.293%209.707l.707.707A.999.999%200%201%200%2011.414%209l-.707-.707a.999.999%200%201%200-1.414%201.414M26%2010.414l.707-.707a.999.999%200%201%200-1.414-1.414L24.586%209A.999.999%200%201%200%2026%2010.414%22%2F%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22M8.915%2013.839a1%201%200%200%201%201.325-1.288l8.154%203.51a1%201%200%200%201-.791%201.837l-8.154-3.51a1%201%200%200%201-.534-.549%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/timer-clock.svg?color=%231a73e8&size=48
