watch icon
watch from Reicon by REICON · Outline · Time · MIT Free for personal and commercial use.
- Name
- watch
- Set
- Reicon
- Style
- Outline
- Category
- Time
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
The same icon in other sets
All watch icons →watchBootstrap IconswatchBoxIcons v2 SolidwatchCarbonwatchCodiconswatchEmoji One (Colored)watchElement PluswatchFeather IconswatchFluent EmojiwatchFluent Emoji FlatwatchFluent Emoji High ContrastwatchFirefox OS EmojiwatchIconParkwatchIconPark OutlinewatchIconPark SolidwatchIconPark TwoTonewatchIonIconswatchJam IconswatchKeyline IconswatchMaterial Line IconswatchLucidewatchMajesticonswatchMaterial SymbolswatchMaterial Symbols LightwatchMaterial Design Icons
More time icons from Reicon
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" fill-rule="evenodd" d="M11.164 1.25h1.672c.731 0 1.346 0 1.845.06c.529.065 1.012.205 1.435.545s.666.78.843 1.283c.168.474.3 1.074.46 1.788l.237 1.068A8.23 8.23 0 0 1 20.25 12a8.23 8.23 0 0 1-2.594 6.006l-.238 1.068c-.158.714-.291 1.314-.459 1.788c-.177.502-.419.943-.843 1.283c-.423.34-.906.48-1.435.545c-.499.06-1.114.06-1.845.06h-1.672c-.731 0-1.346 0-1.845-.06c-.529-.065-1.012-.205-1.435-.545s-.666-.78-.843-1.283c-.168-.474-.3-1.074-.46-1.788l-.237-1.068A8.23 8.23 0 0 1 3.75 12c0-2.367.997-4.502 2.594-6.006l.238-1.068c.158-.714.291-1.314.459-1.788c.177-.502.419-.943.843-1.283c.423-.34.906-.48 1.435-.545c.499-.06 1.114-.06 1.845-.06M8.172 4.69A8.2 8.2 0 0 1 12 3.75c1.382 0 2.684.34 3.828.94a10 10 0 0 0-.283-1.052c-.127-.359-.243-.513-.367-.613c-.125-.1-.3-.18-.678-.225c-.398-.049-.921-.05-1.709-.05H11.21c-.788 0-1.312.001-1.709.05c-.377.045-.553.125-.678.225c-.124.1-.24.254-.367.613c-.095.268-.18.604-.283 1.052m0 14.62c.103.448.188.784.283 1.052c.127.359.243.513.367.613c.125.1.3.18.678.226c.397.048.921.049 1.709.049h1.582c.788 0 1.311-.001 1.71-.05c.376-.045.552-.125.677-.225c.124-.1.24-.254.367-.613c.095-.268.18-.604.283-1.052c-1.144.6-2.446.94-3.828.94a8.2 8.2 0 0 1-3.828-.94M12 5.25a6.75 6.75 0 1 0 0 13.5a6.75 6.75 0 0 0 0-13.5m0 2.923a.75.75 0 0 1 .75.75v2.758l1.77 1.702a.75.75 0 1 1-1.04 1.08l-2-1.922a.75.75 0 0 1-.23-.541V8.923a.75.75 0 0 1 .75-.75" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function ReiconWatch(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" fillRule="evenodd" d="M11.164 1.25h1.672c.731 0 1.346 0 1.845.06c.529.065 1.012.205 1.435.545s.666.78.843 1.283c.168.474.3 1.074.46 1.788l.237 1.068A8.23 8.23 0 0 1 20.25 12a8.23 8.23 0 0 1-2.594 6.006l-.238 1.068c-.158.714-.291 1.314-.459 1.788c-.177.502-.419.943-.843 1.283c-.423.34-.906.48-1.435.545c-.499.06-1.114.06-1.845.06h-1.672c-.731 0-1.346 0-1.845-.06c-.529-.065-1.012-.205-1.435-.545s-.666-.78-.843-1.283c-.168-.474-.3-1.074-.46-1.788l-.237-1.068A8.23 8.23 0 0 1 3.75 12c0-2.367.997-4.502 2.594-6.006l.238-1.068c.158-.714.291-1.314.459-1.788c.177-.502.419-.943.843-1.283c.423-.34.906-.48 1.435-.545c.499-.06 1.114-.06 1.845-.06M8.172 4.69A8.2 8.2 0 0 1 12 3.75c1.382 0 2.684.34 3.828.94a10 10 0 0 0-.283-1.052c-.127-.359-.243-.513-.367-.613c-.125-.1-.3-.18-.678-.225c-.398-.049-.921-.05-1.709-.05H11.21c-.788 0-1.312.001-1.709.05c-.377.045-.553.125-.678.225c-.124.1-.24.254-.367.613c-.095.268-.18.604-.283 1.052m0 14.62c.103.448.188.784.283 1.052c.127.359.243.513.367.613c.125.1.3.18.678.226c.397.048.921.049 1.709.049h1.582c.788 0 1.311-.001 1.71-.05c.376-.045.552-.125.677-.225c.124-.1.24-.254.367-.613c.095-.268.18-.604.283-1.052c-1.144.6-2.446.94-3.828.94a8.2 8.2 0 0 1-3.828-.94M12 5.25a6.75 6.75 0 1 0 0 13.5a6.75 6.75 0 0 0 0-13.5m0 2.923a.75.75 0 0 1 .75.75v2.758l1.77 1.702a.75.75 0 1 1-1.04 1.08l-2-1.922a.75.75 0 0 1-.23-.541V8.923a.75.75 0 0 1 .75-.75" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M11.164 1.25h1.672c.731 0 1.346 0 1.845.06c.529.065 1.012.205 1.435.545s.666.78.843 1.283c.168.474.3 1.074.46 1.788l.237 1.068A8.23 8.23 0 0 1 20.25 12a8.23 8.23 0 0 1-2.594 6.006l-.238 1.068c-.158.714-.291 1.314-.459 1.788c-.177.502-.419.943-.843 1.283c-.423.34-.906.48-1.435.545c-.499.06-1.114.06-1.845.06h-1.672c-.731 0-1.346 0-1.845-.06c-.529-.065-1.012-.205-1.435-.545s-.666-.78-.843-1.283c-.168-.474-.3-1.074-.46-1.788l-.237-1.068A8.23 8.23 0 0 1 3.75 12c0-2.367.997-4.502 2.594-6.006l.238-1.068c.158-.714.291-1.314.459-1.788c.177-.502.419-.943.843-1.283c.423-.34.906-.48 1.435-.545c.499-.06 1.114-.06 1.845-.06M8.172 4.69A8.2 8.2 0 0 1 12 3.75c1.382 0 2.684.34 3.828.94a10 10 0 0 0-.283-1.052c-.127-.359-.243-.513-.367-.613c-.125-.1-.3-.18-.678-.225c-.398-.049-.921-.05-1.709-.05H11.21c-.788 0-1.312.001-1.709.05c-.377.045-.553.125-.678.225c-.124.1-.24.254-.367.613c-.095.268-.18.604-.283 1.052m0 14.62c.103.448.188.784.283 1.052c.127.359.243.513.367.613c.125.1.3.18.678.226c.397.048.921.049 1.709.049h1.582c.788 0 1.311-.001 1.71-.05c.376-.045.552-.125.677-.225c.124-.1.24-.254.367-.613c.095-.268.18-.604.283-1.052c-1.144.6-2.446.94-3.828.94a8.2 8.2 0 0 1-3.828-.94M12 5.25a6.75 6.75 0 1 0 0 13.5a6.75 6.75 0 0 0 0-13.5m0 2.923a.75.75 0 0 1 .75.75v2.758l1.77 1.702a.75.75 0 1 1-1.04 1.08l-2-1.922a.75.75 0 0 1-.23-.541V8.923a.75.75 0 0 1 .75-.75" clip-rule="evenodd"/></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%20fill-rule%3D%22evenodd%22%20d%3D%22M11.164%201.25h1.672c.731%200%201.346%200%201.845.06c.529.065%201.012.205%201.435.545s.666.78.843%201.283c.168.474.3%201.074.46%201.788l.237%201.068A8.23%208.23%200%200%201%2020.25%2012a8.23%208.23%200%200%201-2.594%206.006l-.238%201.068c-.158.714-.291%201.314-.459%201.788c-.177.502-.419.943-.843%201.283c-.423.34-.906.48-1.435.545c-.499.06-1.114.06-1.845.06h-1.672c-.731%200-1.346%200-1.845-.06c-.529-.065-1.012-.205-1.435-.545s-.666-.78-.843-1.283c-.168-.474-.3-1.074-.46-1.788l-.237-1.068A8.23%208.23%200%200%201%203.75%2012c0-2.367.997-4.502%202.594-6.006l.238-1.068c.158-.714.291-1.314.459-1.788c.177-.502.419-.943.843-1.283c.423-.34.906-.48%201.435-.545c.499-.06%201.114-.06%201.845-.06M8.172%204.69A8.2%208.2%200%200%201%2012%203.75c1.382%200%202.684.34%203.828.94a10%2010%200%200%200-.283-1.052c-.127-.359-.243-.513-.367-.613c-.125-.1-.3-.18-.678-.225c-.398-.049-.921-.05-1.709-.05H11.21c-.788%200-1.312.001-1.709.05c-.377.045-.553.125-.678.225c-.124.1-.24.254-.367.613c-.095.268-.18.604-.283%201.052m0%2014.62c.103.448.188.784.283%201.052c.127.359.243.513.367.613c.125.1.3.18.678.226c.397.048.921.049%201.709.049h1.582c.788%200%201.311-.001%201.71-.05c.376-.045.552-.125.677-.225c.124-.1.24-.254.367-.613c.095-.268.18-.604.283-1.052c-1.144.6-2.446.94-3.828.94a8.2%208.2%200%200%201-3.828-.94M12%205.25a6.75%206.75%200%201%200%200%2013.5a6.75%206.75%200%200%200%200-13.5m0%202.923a.75.75%200%200%201%20.75.75v2.758l1.77%201.702a.75.75%200%201%201-1.04%201.08l-2-1.922a.75.75%200%200%201-.23-.541V8.923a.75.75%200%200%201%20.75-.75%22%20clip-rule%3D%22evenodd%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%20fill-rule%3D%22evenodd%22%20d%3D%22M11.164%201.25h1.672c.731%200%201.346%200%201.845.06c.529.065%201.012.205%201.435.545s.666.78.843%201.283c.168.474.3%201.074.46%201.788l.237%201.068A8.23%208.23%200%200%201%2020.25%2012a8.23%208.23%200%200%201-2.594%206.006l-.238%201.068c-.158.714-.291%201.314-.459%201.788c-.177.502-.419.943-.843%201.283c-.423.34-.906.48-1.435.545c-.499.06-1.114.06-1.845.06h-1.672c-.731%200-1.346%200-1.845-.06c-.529-.065-1.012-.205-1.435-.545s-.666-.78-.843-1.283c-.168-.474-.3-1.074-.46-1.788l-.237-1.068A8.23%208.23%200%200%201%203.75%2012c0-2.367.997-4.502%202.594-6.006l.238-1.068c.158-.714.291-1.314.459-1.788c.177-.502.419-.943.843-1.283c.423-.34.906-.48%201.435-.545c.499-.06%201.114-.06%201.845-.06M8.172%204.69A8.2%208.2%200%200%201%2012%203.75c1.382%200%202.684.34%203.828.94a10%2010%200%200%200-.283-1.052c-.127-.359-.243-.513-.367-.613c-.125-.1-.3-.18-.678-.225c-.398-.049-.921-.05-1.709-.05H11.21c-.788%200-1.312.001-1.709.05c-.377.045-.553.125-.678.225c-.124.1-.24.254-.367.613c-.095.268-.18.604-.283%201.052m0%2014.62c.103.448.188.784.283%201.052c.127.359.243.513.367.613c.125.1.3.18.678.226c.397.048.921.049%201.709.049h1.582c.788%200%201.311-.001%201.71-.05c.376-.045.552-.125.677-.225c.124-.1.24-.254.367-.613c.095-.268.18-.604.283-1.052c-1.144.6-2.446.94-3.828.94a8.2%208.2%200%200%201-3.828-.94M12%205.25a6.75%206.75%200%201%200%200%2013.5a6.75%206.75%200%200%200%200-13.5m0%202.923a.75.75%200%200%201%20.75.75v2.758l1.77%201.702a.75.75%200%201%201-1.04%201.08l-2-1.922a.75.75%200%200%201-.23-.541V8.923a.75.75%200%200%201%20.75-.75%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/watch.svg?color=%231a73e8&size=48
