watch icon
watch-f from Jam Icons by Michael Amprimo · Filled · MIT Free for personal and commercial use.
- Name
- watch-f
- Set
- Jam Icons
- Style
- Filled
- Viewbox
- 24×24
- License
- MIT
1 other variant in Jam Icons
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="-6 -1 24 24"><path fill="currentColor" d="M7 10V7a1 1 0 1 0-2 0v4a1 1 0 0 0 1 1h3a1 1 0 0 0 0-2zm3-5.93A7.96 7.96 0 0 0 6 3c-1.457 0-2.823.39-4 1.07V3a3 3 0 0 1 3-3h2a3 3 0 0 1 3 3zm0 13.86V19a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3v-1.07A7.96 7.96 0 0 0 6 19c1.457 0 2.823-.39 4-1.07M6 17A6 6 0 1 1 6 5a6 6 0 0 1 0 12"/></svg>
React
import type { SVGProps } from "react";
export function JamWatchF(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-6 -1 24 24"><path fill="currentColor" d="M7 10V7a1 1 0 1 0-2 0v4a1 1 0 0 0 1 1h3a1 1 0 0 0 0-2zm3-5.93A7.96 7.96 0 0 0 6 3c-1.457 0-2.823.39-4 1.07V3a3 3 0 0 1 3-3h2a3 3 0 0 1 3 3zm0 13.86V19a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3v-1.07A7.96 7.96 0 0 0 6 19c1.457 0 2.823-.39 4-1.07M6 17A6 6 0 1 1 6 5a6 6 0 0 1 0 12"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-6 -1 24 24"><path fill="currentColor" d="M7 10V7a1 1 0 1 0-2 0v4a1 1 0 0 0 1 1h3a1 1 0 0 0 0-2zm3-5.93A7.96 7.96 0 0 0 6 3c-1.457 0-2.823.39-4 1.07V3a3 3 0 0 1 3-3h2a3 3 0 0 1 3 3zm0 13.86V19a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3v-1.07A7.96 7.96 0 0 0 6 19c1.457 0 2.823-.39 4-1.07M6 17A6 6 0 1 1 6 5a6 6 0 0 1 0 12"/></svg> </template>
CSS
.icon-watch-f {
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-6%20-1%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7%2010V7a1%201%200%201%200-2%200v4a1%201%200%200%200%201%201h3a1%201%200%200%200%200-2zm3-5.93A7.96%207.96%200%200%200%206%203c-1.457%200-2.823.39-4%201.07V3a3%203%200%200%201%203-3h2a3%203%200%200%201%203%203zm0%2013.86V19a3%203%200%200%201-3%203H5a3%203%200%200%201-3-3v-1.07A7.96%207.96%200%200%200%206%2019c1.457%200%202.823-.39%204-1.07M6%2017A6%206%200%201%201%206%205a6%206%200%200%201%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-6%20-1%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7%2010V7a1%201%200%201%200-2%200v4a1%201%200%200%200%201%201h3a1%201%200%200%200%200-2zm3-5.93A7.96%207.96%200%200%200%206%203c-1.457%200-2.823.39-4%201.07V3a3%203%200%200%201%203-3h2a3%203%200%200%201%203%203zm0%2013.86V19a3%203%200%200%201-3%203H5a3%203%200%200%201-3-3v-1.07A7.96%207.96%200%200%200%206%2019c1.457%200%202.823-.39%204-1.07M6%2017A6%206%200%201%201%206%205a6%206%200%200%201%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-f.svg?color=%231a73e8&size=48
