watch icon

watch from Jam Icons by Michael Amprimo · Outline · MIT Free for personal and commercial use.

Name
watch
Set
Jam Icons
Style
Outline
Viewbox
24×24
License
MIT

1 other variant in Jam Icons

watch-f

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 TwoTonewatchIonIconswatchMaterial Line IconswatchLucidewatchMajesticonswatchMaterial SymbolswatchMaterial Symbols LightwatchMaterial Design Iconswatch-fillMingCute IconwatchMyna UI Icons

Use the watch icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-4 -1 24 24"><path fill="currentColor" d="M9 10h2a1 1 0 0 1 0 2H8a1 1 0 0 1-1-1V7a1 1 0 1 1 2 0zM4 4.07V3a3 3 0 0 1 3-3h2a3 3 0 0 1 3 3v1.07A8 8 0 0 1 16 11a8 8 0 0 1-4 6.93V19a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3v-1.07A8 8 0 0 1 0 11a8 8 0 0 1 4-6.93m2-.818A8 8 0 0 1 8 3c.69 0 1.36.088 2 .252V3a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1zm0 15.496V19a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-.252a8.05 8.05 0 0 1-4 0M8 17A6 6 0 1 0 8 5a6 6 0 0 0 0 12"/></svg>

React

import type { SVGProps } from "react";

export function JamWatch(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-4 -1 24 24"><path fill="currentColor" d="M9 10h2a1 1 0 0 1 0 2H8a1 1 0 0 1-1-1V7a1 1 0 1 1 2 0zM4 4.07V3a3 3 0 0 1 3-3h2a3 3 0 0 1 3 3v1.07A8 8 0 0 1 16 11a8 8 0 0 1-4 6.93V19a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3v-1.07A8 8 0 0 1 0 11a8 8 0 0 1 4-6.93m2-.818A8 8 0 0 1 8 3c.69 0 1.36.088 2 .252V3a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1zm0 15.496V19a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-.252a8.05 8.05 0 0 1-4 0M8 17A6 6 0 1 0 8 5a6 6 0 0 0 0 12"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-4 -1 24 24"><path fill="currentColor" d="M9 10h2a1 1 0 0 1 0 2H8a1 1 0 0 1-1-1V7a1 1 0 1 1 2 0zM4 4.07V3a3 3 0 0 1 3-3h2a3 3 0 0 1 3 3v1.07A8 8 0 0 1 16 11a8 8 0 0 1-4 6.93V19a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3v-1.07A8 8 0 0 1 0 11a8 8 0 0 1 4-6.93m2-.818A8 8 0 0 1 8 3c.69 0 1.36.088 2 .252V3a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1zm0 15.496V19a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-.252a8.05 8.05 0 0 1-4 0M8 17A6 6 0 1 0 8 5a6 6 0 0 0 0 12"/></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%22-4%20-1%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9%2010h2a1%201%200%200%201%200%202H8a1%201%200%200%201-1-1V7a1%201%200%201%201%202%200zM4%204.07V3a3%203%200%200%201%203-3h2a3%203%200%200%201%203%203v1.07A8%208%200%200%201%2016%2011a8%208%200%200%201-4%206.93V19a3%203%200%200%201-3%203H7a3%203%200%200%201-3-3v-1.07A8%208%200%200%201%200%2011a8%208%200%200%201%204-6.93m2-.818A8%208%200%200%201%208%203c.69%200%201.36.088%202%20.252V3a1%201%200%200%200-1-1H7a1%201%200%200%200-1%201zm0%2015.496V19a1%201%200%200%200%201%201h2a1%201%200%200%200%201-1v-.252a8.05%208.05%200%200%201-4%200M8%2017A6%206%200%201%200%208%205a6%206%200%200%200%200%2012%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%22-4%20-1%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9%2010h2a1%201%200%200%201%200%202H8a1%201%200%200%201-1-1V7a1%201%200%201%201%202%200zM4%204.07V3a3%203%200%200%201%203-3h2a3%203%200%200%201%203%203v1.07A8%208%200%200%201%2016%2011a8%208%200%200%201-4%206.93V19a3%203%200%200%201-3%203H7a3%203%200%200%201-3-3v-1.07A8%208%200%200%201%200%2011a8%208%200%200%201%204-6.93m2-.818A8%208%200%200%201%208%203c.69%200%201.36.088%202%20.252V3a1%201%200%200%200-1-1H7a1%201%200%200%200-1%201zm0%2015.496V19a1%201%200%200%200%201%201h2a1%201%200%200%200%201-1v-.252a8.05%208.05%200%200%201-4%200M8%2017A6%206%200%201%200%208%205a6%206%200%200%200%200%2012%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/jam/watch.svg?color=%231a73e8&size=48