watch emoji
watch from Twitter Emoji by Twitter · Default · Travel & Places · CC-BY-4.0 Attribution required.
- Name
- watch
- Set
- Twitter Emoji
- Style
- Default
- Category
- Travel & Places
- Viewbox
- 36×36
- License
- CC BY 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 Twitter Emoji
Use the watch emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#31373d" d="M25 32a4 4 0 0 1-4 4h-6a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4h6a4 4 0 0 1 4 4z"/><path fill="#99aab5" d="M32 18a2 2 0 0 0-2-2h-1a2 2 0 0 0 0 4h1a2 2 0 0 0 2-2"/><path fill="#ccd6dd" d="M6 18c0-6.627 5.373-12 12-12c6.628 0 12 5.373 12 12s-5.372 12-12 12c-6.627 0-12-5.373-12-12"/><path fill="#f5f8fa" d="M10 18a8 8 0 1 1 16 0a8 8 0 0 1-16 0"/><path fill="#66757f" d="M23 22a1 1 0 0 1-.514-.143l-5-3A1 1 0 0 1 17 18v-7a1 1 0 0 1 2 0v6.434l4.516 2.708A1 1 0 0 1 23 22"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiWatch(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#31373d" d="M25 32a4 4 0 0 1-4 4h-6a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4h6a4 4 0 0 1 4 4z"/><path fill="#99aab5" d="M32 18a2 2 0 0 0-2-2h-1a2 2 0 0 0 0 4h1a2 2 0 0 0 2-2"/><path fill="#ccd6dd" d="M6 18c0-6.627 5.373-12 12-12c6.628 0 12 5.373 12 12s-5.372 12-12 12c-6.627 0-12-5.373-12-12"/><path fill="#f5f8fa" d="M10 18a8 8 0 1 1 16 0a8 8 0 0 1-16 0"/><path fill="#66757f" d="M23 22a1 1 0 0 1-.514-.143l-5-3A1 1 0 0 1 17 18v-7a1 1 0 0 1 2 0v6.434l4.516 2.708A1 1 0 0 1 23 22"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#31373d" d="M25 32a4 4 0 0 1-4 4h-6a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4h6a4 4 0 0 1 4 4z"/><path fill="#99aab5" d="M32 18a2 2 0 0 0-2-2h-1a2 2 0 0 0 0 4h1a2 2 0 0 0 2-2"/><path fill="#ccd6dd" d="M6 18c0-6.627 5.373-12 12-12c6.628 0 12 5.373 12 12s-5.372 12-12 12c-6.627 0-12-5.373-12-12"/><path fill="#f5f8fa" d="M10 18a8 8 0 1 1 16 0a8 8 0 0 1-16 0"/><path fill="#66757f" d="M23 22a1 1 0 0 1-.514-.143l-5-3A1 1 0 0 1 17 18v-7a1 1 0 0 1 2 0v6.434l4.516 2.708A1 1 0 0 1 23 22"/></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%2036%2036%22%3E%3Cpath%20fill%3D%22%2331373d%22%20d%3D%22M25%2032a4%204%200%200%201-4%204h-6a4%204%200%200%201-4-4V4a4%204%200%200%201%204-4h6a4%204%200%200%201%204%204z%22%2F%3E%3Cpath%20fill%3D%22%2399aab5%22%20d%3D%22M32%2018a2%202%200%200%200-2-2h-1a2%202%200%200%200%200%204h1a2%202%200%200%200%202-2%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M6%2018c0-6.627%205.373-12%2012-12c6.628%200%2012%205.373%2012%2012s-5.372%2012-12%2012c-6.627%200-12-5.373-12-12%22%2F%3E%3Cpath%20fill%3D%22%23f5f8fa%22%20d%3D%22M10%2018a8%208%200%201%201%2016%200a8%208%200%200%201-16%200%22%2F%3E%3Cpath%20fill%3D%22%2366757f%22%20d%3D%22M23%2022a1%201%200%200%201-.514-.143l-5-3A1%201%200%200%201%2017%2018v-7a1%201%200%200%201%202%200v6.434l4.516%202.708A1%201%200%200%201%2023%2022%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%2331373d%22%20d%3D%22M25%2032a4%204%200%200%201-4%204h-6a4%204%200%200%201-4-4V4a4%204%200%200%201%204-4h6a4%204%200%200%201%204%204z%22%2F%3E%3Cpath%20fill%3D%22%2399aab5%22%20d%3D%22M32%2018a2%202%200%200%200-2-2h-1a2%202%200%200%200%200%204h1a2%202%200%200%200%202-2%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M6%2018c0-6.627%205.373-12%2012-12c6.628%200%2012%205.373%2012%2012s-5.372%2012-12%2012c-6.627%200-12-5.373-12-12%22%2F%3E%3Cpath%20fill%3D%22%23f5f8fa%22%20d%3D%22M10%2018a8%208%200%201%201%2016%200a8%208%200%200%201-16%200%22%2F%3E%3Cpath%20fill%3D%22%2366757f%22%20d%3D%22M23%2022a1%201%200%200%201-.514-.143l-5-3A1%201%200%200%201%2017%2018v-7a1%201%200%200%201%202%200v6.434l4.516%202.708A1%201%200%200%201%2023%2022%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/watch.svg?color=%231a73e8&size=48
