watch icon
watch from Pixelarticons by Gerrit Halfmann · Regular · MIT Free for personal and commercial use.
- Name
- watch
- Set
- Pixelarticons
- Style
- Regular
- Viewbox
- 24×24
- License
- MIT
The same icon 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
Related icons in Pixelarticons
Use the watch icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M15 23h-2v-4h-2v4H9v-6h6zm-6-6H7v-2h2zm8 0h-2v-2h2zM7 15H5V9h2zm12 0h-2V9h2zm-6-4h2v2h-4V9h2zM9 9H7V7h2zm8 0h-2V7h2zm-6-4h2V1h2v6H9V1h2z"/></svg>
React
import type { SVGProps } from "react";
export function PixelarticonsWatch(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M15 23h-2v-4h-2v4H9v-6h6zm-6-6H7v-2h2zm8 0h-2v-2h2zM7 15H5V9h2zm12 0h-2V9h2zm-6-4h2v2h-4V9h2zM9 9H7V7h2zm8 0h-2V7h2zm-6-4h2V1h2v6H9V1h2z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M15 23h-2v-4h-2v4H9v-6h6zm-6-6H7v-2h2zm8 0h-2v-2h2zM7 15H5V9h2zm12 0h-2V9h2zm-6-4h2v2h-4V9h2zM9 9H7V7h2zm8 0h-2V7h2zm-6-4h2V1h2v6H9V1h2z"/></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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15%2023h-2v-4h-2v4H9v-6h6zm-6-6H7v-2h2zm8%200h-2v-2h2zM7%2015H5V9h2zm12%200h-2V9h2zm-6-4h2v2h-4V9h2zM9%209H7V7h2zm8%200h-2V7h2zm-6-4h2V1h2v6H9V1h2z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15%2023h-2v-4h-2v4H9v-6h6zm-6-6H7v-2h2zm8%200h-2v-2h2zM7%2015H5V9h2zm12%200h-2V9h2zm-6-4h2v2h-4V9h2zM9%209H7V7h2zm8%200h-2V7h2zm-6-4h2V1h2v6H9V1h2z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/pixelarticons/watch.svg?color=%231a73e8&size=48
