watch emoji
watch from Fluent Emoji High Contrast by Microsoft Corporation · Default · Travel & Places · MIT Free for personal and commercial use.
- Name
- watch
- Set
- Fluent Emoji High Contrast
- Style
- Default
- Category
- Travel & Places
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
watchBootstrap IconswatchBoxIcons v2 SolidwatchCarbonwatchCodiconswatchEmoji One (Colored)watchElement PluswatchFeather IconswatchFluent EmojiwatchFluent Emoji FlatwatchFirefox OS EmojiwatchIconParkwatchIconPark OutlinewatchIconPark SolidwatchIconPark TwoTonewatchIonIconswatchJam IconswatchMaterial Line IconswatchLucidewatchMajesticonswatchMaterial SymbolswatchMaterial Symbols LightwatchMaterial Design Iconswatch-fillMingCute IconwatchMyna UI Icons
More travel & places icons from Fluent Emoji High Contrast
Use the watch emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M16 8a1 1 0 0 0-1 1v5.268a2 2 0 0 0-.864 2.46l-2.226 2.481a1 1 0 0 0 1.49 1.336l2.301-2.567q.147.021.299.022a2 2 0 0 0 1-3.732V9a1 1 0 0 0-1-1"/><path d="M9 3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v3.252A12 12 0 0 1 27.834 14h.666a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-.666A12 12 0 0 1 23 25.748V29a1 1 0 0 1-1 1H10a1 1 0 0 1-1-1v-3.252A11.98 11.98 0 0 1 4 16c0-4.015 1.972-7.57 5-9.748zm16 13a9 9 0 1 0-18 0a9 9 0 0 0 18 0"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiHighContrastWatch(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M16 8a1 1 0 0 0-1 1v5.268a2 2 0 0 0-.864 2.46l-2.226 2.481a1 1 0 0 0 1.49 1.336l2.301-2.567q.147.021.299.022a2 2 0 0 0 1-3.732V9a1 1 0 0 0-1-1"/><path d="M9 3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v3.252A12 12 0 0 1 27.834 14h.666a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-.666A12 12 0 0 1 23 25.748V29a1 1 0 0 1-1 1H10a1 1 0 0 1-1-1v-3.252A11.98 11.98 0 0 1 4 16c0-4.015 1.972-7.57 5-9.748zm16 13a9 9 0 1 0-18 0a9 9 0 0 0 18 0"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M16 8a1 1 0 0 0-1 1v5.268a2 2 0 0 0-.864 2.46l-2.226 2.481a1 1 0 0 0 1.49 1.336l2.301-2.567q.147.021.299.022a2 2 0 0 0 1-3.732V9a1 1 0 0 0-1-1"/><path d="M9 3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v3.252A12 12 0 0 1 27.834 14h.666a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-.666A12 12 0 0 1 23 25.748V29a1 1 0 0 1-1 1H10a1 1 0 0 1-1-1v-3.252A11.98 11.98 0 0 1 4 16c0-4.015 1.972-7.57 5-9.748zm16 13a9 9 0 1 0-18 0a9 9 0 0 0 18 0"/></g></svg> </template>
CSS
.icon-watch {
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%22currentColor%22%3E%3Cpath%20d%3D%22M16%208a1%201%200%200%200-1%201v5.268a2%202%200%200%200-.864%202.46l-2.226%202.481a1%201%200%200%200%201.49%201.336l2.301-2.567q.147.021.299.022a2%202%200%200%200%201-3.732V9a1%201%200%200%200-1-1%22%2F%3E%3Cpath%20d%3D%22M9%203a1%201%200%200%201%201-1h12a1%201%200%200%201%201%201v3.252A12%2012%200%200%201%2027.834%2014h.666a1%201%200%200%201%201%201v2a1%201%200%200%201-1%201h-.666A12%2012%200%200%201%2023%2025.748V29a1%201%200%200%201-1%201H10a1%201%200%200%201-1-1v-3.252A11.98%2011.98%200%200%201%204%2016c0-4.015%201.972-7.57%205-9.748zm16%2013a9%209%200%201%200-18%200a9%209%200%200%200%2018%200%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%22currentColor%22%3E%3Cpath%20d%3D%22M16%208a1%201%200%200%200-1%201v5.268a2%202%200%200%200-.864%202.46l-2.226%202.481a1%201%200%200%200%201.49%201.336l2.301-2.567q.147.021.299.022a2%202%200%200%200%201-3.732V9a1%201%200%200%200-1-1%22%2F%3E%3Cpath%20d%3D%22M9%203a1%201%200%200%201%201-1h12a1%201%200%200%201%201%201v3.252A12%2012%200%200%201%2027.834%2014h.666a1%201%200%200%201%201%201v2a1%201%200%200%201-1%201h-.666A12%2012%200%200%201%2023%2025.748V29a1%201%200%200%201-1%201H10a1%201%200%200%201-1-1v-3.252A11.98%2011.98%200%200%201%204%2016c0-4.015%201.972-7.57%205-9.748zm16%2013a9%209%200%201%200-18%200a9%209%200%200%200%2018%200%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-high-contrast/watch.svg?color=%231a73e8&size=48
