watch icon
watch-solid from Teenyicons by smhmd · Solid · MIT Free for personal and commercial use.
- Name
- watch-solid
- Set
- Teenyicons
- Style
- Solid
- Viewbox
- 15×15
- License
- MIT
1 other variant in Teenyicons
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
Use the watch icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 15 15"><path fill="currentColor" fill-rule="evenodd" d="M4 3.085V1.5A1.5 1.5 0 0 1 5.5 0h4A1.5 1.5 0 0 1 11 1.5v1.585A1.5 1.5 0 0 1 12 4.5v6a1.5 1.5 0 0 1-1 1.415V13.5A1.5 1.5 0 0 1 9.5 15h-4A1.5 1.5 0 0 1 4 13.5v-1.585A1.5 1.5 0 0 1 3 10.5v-6a1.5 1.5 0 0 1 1-1.415M5 1.5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 .5.5V3H5zM5 12h5v1.5a.5.5 0 0 1-.5.5h-4a.5.5 0 0 1-.5-.5z" clip-rule="evenodd"/><path fill="currentColor" d="M13 6v3h1V6z"/></svg>
React
import type { SVGProps } from "react";
export function TeenyiconsWatchSolid(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 15 15"><path fill="currentColor" fillRule="evenodd" d="M4 3.085V1.5A1.5 1.5 0 0 1 5.5 0h4A1.5 1.5 0 0 1 11 1.5v1.585A1.5 1.5 0 0 1 12 4.5v6a1.5 1.5 0 0 1-1 1.415V13.5A1.5 1.5 0 0 1 9.5 15h-4A1.5 1.5 0 0 1 4 13.5v-1.585A1.5 1.5 0 0 1 3 10.5v-6a1.5 1.5 0 0 1 1-1.415M5 1.5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 .5.5V3H5zM5 12h5v1.5a.5.5 0 0 1-.5.5h-4a.5.5 0 0 1-.5-.5z" clipRule="evenodd"/><path fill="currentColor" d="M13 6v3h1V6z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 15 15"><path fill="currentColor" fill-rule="evenodd" d="M4 3.085V1.5A1.5 1.5 0 0 1 5.5 0h4A1.5 1.5 0 0 1 11 1.5v1.585A1.5 1.5 0 0 1 12 4.5v6a1.5 1.5 0 0 1-1 1.415V13.5A1.5 1.5 0 0 1 9.5 15h-4A1.5 1.5 0 0 1 4 13.5v-1.585A1.5 1.5 0 0 1 3 10.5v-6a1.5 1.5 0 0 1 1-1.415M5 1.5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 .5.5V3H5zM5 12h5v1.5a.5.5 0 0 1-.5.5h-4a.5.5 0 0 1-.5-.5z" clip-rule="evenodd"/><path fill="currentColor" d="M13 6v3h1V6z"/></svg> </template>
CSS
.icon-watch-solid {
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%2015%2015%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M4%203.085V1.5A1.5%201.5%200%200%201%205.5%200h4A1.5%201.5%200%200%201%2011%201.5v1.585A1.5%201.5%200%200%201%2012%204.5v6a1.5%201.5%200%200%201-1%201.415V13.5A1.5%201.5%200%200%201%209.5%2015h-4A1.5%201.5%200%200%201%204%2013.5v-1.585A1.5%201.5%200%200%201%203%2010.5v-6a1.5%201.5%200%200%201%201-1.415M5%201.5a.5.5%200%200%201%20.5-.5h4a.5.5%200%200%201%20.5.5V3H5zM5%2012h5v1.5a.5.5%200%200%201-.5.5h-4a.5.5%200%200%201-.5-.5z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M13%206v3h1V6z%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%2015%2015%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M4%203.085V1.5A1.5%201.5%200%200%201%205.5%200h4A1.5%201.5%200%200%201%2011%201.5v1.585A1.5%201.5%200%200%201%2012%204.5v6a1.5%201.5%200%200%201-1%201.415V13.5A1.5%201.5%200%200%201%209.5%2015h-4A1.5%201.5%200%200%201%204%2013.5v-1.585A1.5%201.5%200%200%201%203%2010.5v-6a1.5%201.5%200%200%201%201-1.415M5%201.5a.5.5%200%200%201%20.5-.5h4a.5.5%200%200%201%20.5.5V3H5zM5%2012h5v1.5a.5.5%200%200%201-.5.5h-4a.5.5%200%200%201-.5-.5z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M13%206v3h1V6z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/teenyicons/watch-solid.svg?color=%231a73e8&size=48
