watch emoji
watch from OpenMoji by OpenMoji · Default · Travel Places · CC-BY-SA-4.0 Attribution required.
- Name
- watch
- Set
- OpenMoji
- Style
- Default
- Category
- Travel Places
- Viewbox
- 72×72
- License
- CC BY-SA 4.0
The same emoji in other sets
watchBootstrap IconswatchBoxIcons v2 SolidwatchCarbonwatchCodiconswatchEmoji One (Colored)watchElement PluswatchFeather IconswatchFluent EmojiwatchFluent Emoji FlatwatchFluent Emoji High ContrastwatchFirefox OS EmojiwatchIconParkwatchIconPark OutlinewatchIconPark SolidwatchIconPark TwoTonewatchIonIconswatchJam IconswatchMaterial Line IconswatchLucidewatchMajesticonswatchMaterial SymbolswatchMaterial Symbols LightwatchMaterial Design Iconswatch-fillMingCute Icon
More travel places icons from OpenMoji
Use the watch emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><g stroke-miterlimit="10" stroke-width="2"><path fill="#9b9b9a" stroke="#9b9b9a" d="M53.996 40.523h.699c1.1 0 2-.9 2-2V33.37c0-1.1-.9-2-2-2H50v9.165z"/><path fill="#9b9b9a" d="M25 21V9a1 1 0 0 1 1-1h20a1 1 0 0 1 1 1v12"/><path fill="#9b9b9a" stroke="#9b9b9a" d="M47 51v12a1 1 0 0 1-1 1H26a1 1 0 0 1-1-1V51"/><path fill="#d0cfce" stroke="#d0cfce" d="M48 51H24c-1.1 0-2-.9-2-2V23c0-1.1.9-2 2-2h24c1.1 0 2 .9 2 2v26c0 1.1-.9 2-2 2z"/></g><g fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2"><path d="M25 21V9a1 1 0 0 1 1-1h20a1 1 0 0 1 1 1v12"/><path stroke-linecap="round" stroke-linejoin="round" d="M35.844 26.188v10h8.312M47 55v9H25v-9m0-38V8h22v9m6.996 14.37h.699c1.1 0 2 .9 2 2v5.153c0 1.1-.9 2-2 2h-.7"/><path stroke-linecap="round" stroke-linejoin="round" d="M48 51H24c-1.1 0-2-.9-2-2V23c0-1.1.9-2 2-2h24c1.1 0 2 .9 2 2v26c0 1.1-.9 2-2 2"/><path stroke-linecap="round" stroke-linejoin="round" d="M35.844 26.188v10h8.312"/></g></svg>
React
import type { SVGProps } from "react";
export function OpenmojiWatch(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><g strokeMiterlimit="10" strokeWidth="2"><path fill="#9b9b9a" stroke="#9b9b9a" d="M53.996 40.523h.699c1.1 0 2-.9 2-2V33.37c0-1.1-.9-2-2-2H50v9.165z"/><path fill="#9b9b9a" d="M25 21V9a1 1 0 0 1 1-1h20a1 1 0 0 1 1 1v12"/><path fill="#9b9b9a" stroke="#9b9b9a" d="M47 51v12a1 1 0 0 1-1 1H26a1 1 0 0 1-1-1V51"/><path fill="#d0cfce" stroke="#d0cfce" d="M48 51H24c-1.1 0-2-.9-2-2V23c0-1.1.9-2 2-2h24c1.1 0 2 .9 2 2v26c0 1.1-.9 2-2 2z"/></g><g fill="none" stroke="#000" strokeMiterlimit="10" strokeWidth="2"><path d="M25 21V9a1 1 0 0 1 1-1h20a1 1 0 0 1 1 1v12"/><path strokeLinecap="round" strokeLinejoin="round" d="M35.844 26.188v10h8.312M47 55v9H25v-9m0-38V8h22v9m6.996 14.37h.699c1.1 0 2 .9 2 2v5.153c0 1.1-.9 2-2 2h-.7"/><path strokeLinecap="round" strokeLinejoin="round" d="M48 51H24c-1.1 0-2-.9-2-2V23c0-1.1.9-2 2-2h24c1.1 0 2 .9 2 2v26c0 1.1-.9 2-2 2"/><path strokeLinecap="round" strokeLinejoin="round" d="M35.844 26.188v10h8.312"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><g stroke-miterlimit="10" stroke-width="2"><path fill="#9b9b9a" stroke="#9b9b9a" d="M53.996 40.523h.699c1.1 0 2-.9 2-2V33.37c0-1.1-.9-2-2-2H50v9.165z"/><path fill="#9b9b9a" d="M25 21V9a1 1 0 0 1 1-1h20a1 1 0 0 1 1 1v12"/><path fill="#9b9b9a" stroke="#9b9b9a" d="M47 51v12a1 1 0 0 1-1 1H26a1 1 0 0 1-1-1V51"/><path fill="#d0cfce" stroke="#d0cfce" d="M48 51H24c-1.1 0-2-.9-2-2V23c0-1.1.9-2 2-2h24c1.1 0 2 .9 2 2v26c0 1.1-.9 2-2 2z"/></g><g fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2"><path d="M25 21V9a1 1 0 0 1 1-1h20a1 1 0 0 1 1 1v12"/><path stroke-linecap="round" stroke-linejoin="round" d="M35.844 26.188v10h8.312M47 55v9H25v-9m0-38V8h22v9m6.996 14.37h.699c1.1 0 2 .9 2 2v5.153c0 1.1-.9 2-2 2h-.7"/><path stroke-linecap="round" stroke-linejoin="round" d="M48 51H24c-1.1 0-2-.9-2-2V23c0-1.1.9-2 2-2h24c1.1 0 2 .9 2 2v26c0 1.1-.9 2-2 2"/><path stroke-linecap="round" stroke-linejoin="round" d="M35.844 26.188v10h8.312"/></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%2072%2072%22%3E%3Cg%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%3E%3Cpath%20fill%3D%22%239b9b9a%22%20stroke%3D%22%239b9b9a%22%20d%3D%22M53.996%2040.523h.699c1.1%200%202-.9%202-2V33.37c0-1.1-.9-2-2-2H50v9.165z%22%2F%3E%3Cpath%20fill%3D%22%239b9b9a%22%20d%3D%22M25%2021V9a1%201%200%200%201%201-1h20a1%201%200%200%201%201%201v12%22%2F%3E%3Cpath%20fill%3D%22%239b9b9a%22%20stroke%3D%22%239b9b9a%22%20d%3D%22M47%2051v12a1%201%200%200%201-1%201H26a1%201%200%200%201-1-1V51%22%2F%3E%3Cpath%20fill%3D%22%23d0cfce%22%20stroke%3D%22%23d0cfce%22%20d%3D%22M48%2051H24c-1.1%200-2-.9-2-2V23c0-1.1.9-2%202-2h24c1.1%200%202%20.9%202%202v26c0%201.1-.9%202-2%202z%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M25%2021V9a1%201%200%200%201%201-1h20a1%201%200%200%201%201%201v12%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M35.844%2026.188v10h8.312M47%2055v9H25v-9m0-38V8h22v9m6.996%2014.37h.699c1.1%200%202%20.9%202%202v5.153c0%201.1-.9%202-2%202h-.7%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M48%2051H24c-1.1%200-2-.9-2-2V23c0-1.1.9-2%202-2h24c1.1%200%202%20.9%202%202v26c0%201.1-.9%202-2%202%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M35.844%2026.188v10h8.312%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%2072%2072%22%3E%3Cg%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%3E%3Cpath%20fill%3D%22%239b9b9a%22%20stroke%3D%22%239b9b9a%22%20d%3D%22M53.996%2040.523h.699c1.1%200%202-.9%202-2V33.37c0-1.1-.9-2-2-2H50v9.165z%22%2F%3E%3Cpath%20fill%3D%22%239b9b9a%22%20d%3D%22M25%2021V9a1%201%200%200%201%201-1h20a1%201%200%200%201%201%201v12%22%2F%3E%3Cpath%20fill%3D%22%239b9b9a%22%20stroke%3D%22%239b9b9a%22%20d%3D%22M47%2051v12a1%201%200%200%201-1%201H26a1%201%200%200%201-1-1V51%22%2F%3E%3Cpath%20fill%3D%22%23d0cfce%22%20stroke%3D%22%23d0cfce%22%20d%3D%22M48%2051H24c-1.1%200-2-.9-2-2V23c0-1.1.9-2%202-2h24c1.1%200%202%20.9%202%202v26c0%201.1-.9%202-2%202z%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M25%2021V9a1%201%200%200%201%201-1h20a1%201%200%200%201%201%201v12%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M35.844%2026.188v10h8.312M47%2055v9H25v-9m0-38V8h22v9m6.996%2014.37h.699c1.1%200%202%20.9%202%202v5.153c0%201.1-.9%202-2%202h-.7%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M48%2051H24c-1.1%200-2-.9-2-2V23c0-1.1.9-2%202-2h24c1.1%200%202%20.9%202%202v26c0%201.1-.9%202-2%202%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M35.844%2026.188v10h8.312%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/openmoji/watch.svg?color=%231a73e8&size=48
