watch emoji
watch from Fluent Emoji Flat by Microsoft Corporation · Default · Travel & Places · MIT Free for personal and commercial use.
- Name
- watch
- Set
- Fluent Emoji Flat
- 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 High ContrastwatchFirefox OS EmojiwatchIconParkwatchIconPark OutlinewatchIconPark SolidwatchIconPark TwoTonewatchIonIconswatchJam IconswatchMaterial Line IconswatchLucidewatchMajesticonswatchMaterial SymbolswatchMaterial Symbols LightwatchMaterial Design Iconswatch-fillMingCute IconwatchMyna UI Icons
More travel & places icons from Fluent Emoji Flat
Use the watch emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#3f5fff" d="M9 3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v4.252A11.95 11.95 0 0 0 16 5c-2.612 0-5.03.835-7 2.252zm7 24c2.612 0 5.03-.835 7-2.252V29a1 1 0 0 1-1 1H10a1 1 0 0 1-1-1v-4.252A11.95 11.95 0 0 0 16 27m11-13a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h1.5a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1z"/><path fill="#a4aeeb" d="M28 16c0 6.627-5.373 12-12 12S4 22.627 4 16S9.373 4 16 4s12 5.373 12 12"/><path fill="#5235a6" d="M25 16a9 9 0 1 1-18 0a9 9 0 0 1 18 0"/><path fill="#fff" d="M16 8a1 1 0 0 0-1 1v6c0 .21.065.406.177.568l-3.267 3.641a1 1 0 1 0 1.49 1.336l3.338-3.722a1 1 0 0 0 .075-1.24A1 1 0 0 0 17 15V9a1 1 0 0 0-1-1"/><path fill="#fcd53f" d="M18 16a2 2 0 1 1-4 0a2 2 0 0 1 4 0"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiFlatWatch(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="#3f5fff" d="M9 3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v4.252A11.95 11.95 0 0 0 16 5c-2.612 0-5.03.835-7 2.252zm7 24c2.612 0 5.03-.835 7-2.252V29a1 1 0 0 1-1 1H10a1 1 0 0 1-1-1v-4.252A11.95 11.95 0 0 0 16 27m11-13a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h1.5a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1z"/><path fill="#a4aeeb" d="M28 16c0 6.627-5.373 12-12 12S4 22.627 4 16S9.373 4 16 4s12 5.373 12 12"/><path fill="#5235a6" d="M25 16a9 9 0 1 1-18 0a9 9 0 0 1 18 0"/><path fill="#fff" d="M16 8a1 1 0 0 0-1 1v6c0 .21.065.406.177.568l-3.267 3.641a1 1 0 1 0 1.49 1.336l3.338-3.722a1 1 0 0 0 .075-1.24A1 1 0 0 0 17 15V9a1 1 0 0 0-1-1"/><path fill="#fcd53f" d="M18 16a2 2 0 1 1-4 0a2 2 0 0 1 4 0"/></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="#3f5fff" d="M9 3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v4.252A11.95 11.95 0 0 0 16 5c-2.612 0-5.03.835-7 2.252zm7 24c2.612 0 5.03-.835 7-2.252V29a1 1 0 0 1-1 1H10a1 1 0 0 1-1-1v-4.252A11.95 11.95 0 0 0 16 27m11-13a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h1.5a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1z"/><path fill="#a4aeeb" d="M28 16c0 6.627-5.373 12-12 12S4 22.627 4 16S9.373 4 16 4s12 5.373 12 12"/><path fill="#5235a6" d="M25 16a9 9 0 1 1-18 0a9 9 0 0 1 18 0"/><path fill="#fff" d="M16 8a1 1 0 0 0-1 1v6c0 .21.065.406.177.568l-3.267 3.641a1 1 0 1 0 1.49 1.336l3.338-3.722a1 1 0 0 0 .075-1.24A1 1 0 0 0 17 15V9a1 1 0 0 0-1-1"/><path fill="#fcd53f" d="M18 16a2 2 0 1 1-4 0a2 2 0 0 1 4 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%22none%22%3E%3Cpath%20fill%3D%22%233f5fff%22%20d%3D%22M9%203a1%201%200%200%201%201-1h12a1%201%200%200%201%201%201v4.252A11.95%2011.95%200%200%200%2016%205c-2.612%200-5.03.835-7%202.252zm7%2024c2.612%200%205.03-.835%207-2.252V29a1%201%200%200%201-1%201H10a1%201%200%200%201-1-1v-4.252A11.95%2011.95%200%200%200%2016%2027m11-13a1%201%200%200%200-1%201v2a1%201%200%200%200%201%201h1.5a1%201%200%200%200%201-1v-2a1%201%200%200%200-1-1z%22%2F%3E%3Cpath%20fill%3D%22%23a4aeeb%22%20d%3D%22M28%2016c0%206.627-5.373%2012-12%2012S4%2022.627%204%2016S9.373%204%2016%204s12%205.373%2012%2012%22%2F%3E%3Cpath%20fill%3D%22%235235a6%22%20d%3D%22M25%2016a9%209%200%201%201-18%200a9%209%200%200%201%2018%200%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16%208a1%201%200%200%200-1%201v6c0%20.21.065.406.177.568l-3.267%203.641a1%201%200%201%200%201.49%201.336l3.338-3.722a1%201%200%200%200%20.075-1.24A1%201%200%200%200%2017%2015V9a1%201%200%200%200-1-1%22%2F%3E%3Cpath%20fill%3D%22%23fcd53f%22%20d%3D%22M18%2016a2%202%200%201%201-4%200a2%202%200%200%201%204%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%22none%22%3E%3Cpath%20fill%3D%22%233f5fff%22%20d%3D%22M9%203a1%201%200%200%201%201-1h12a1%201%200%200%201%201%201v4.252A11.95%2011.95%200%200%200%2016%205c-2.612%200-5.03.835-7%202.252zm7%2024c2.612%200%205.03-.835%207-2.252V29a1%201%200%200%201-1%201H10a1%201%200%200%201-1-1v-4.252A11.95%2011.95%200%200%200%2016%2027m11-13a1%201%200%200%200-1%201v2a1%201%200%200%200%201%201h1.5a1%201%200%200%200%201-1v-2a1%201%200%200%200-1-1z%22%2F%3E%3Cpath%20fill%3D%22%23a4aeeb%22%20d%3D%22M28%2016c0%206.627-5.373%2012-12%2012S4%2022.627%204%2016S9.373%204%2016%204s12%205.373%2012%2012%22%2F%3E%3Cpath%20fill%3D%22%235235a6%22%20d%3D%22M25%2016a9%209%200%201%201-18%200a9%209%200%200%201%2018%200%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16%208a1%201%200%200%200-1%201v6c0%20.21.065.406.177.568l-3.267%203.641a1%201%200%201%200%201.49%201.336l3.338-3.722a1%201%200%200%200%20.075-1.24A1%201%200%200%200%2017%2015V9a1%201%200%200%200-1-1%22%2F%3E%3Cpath%20fill%3D%22%23fcd53f%22%20d%3D%22M18%2016a2%202%200%201%201-4%200a2%202%200%200%201%204%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-flat/watch.svg?color=%231a73e8&size=48
