watch icon
watch-filled from Reicon by REICON · Filled · Time · MIT Free for personal and commercial use.
- Name
- watch-filled
- Set
- Reicon
- Style
- Filled
- 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"><g fill="currentColor"><path fill-rule="evenodd" d="M12 18.977c3.866 0 7-3.124 7-6.977s-3.134-6.977-7-6.977S5 8.147 5 12s3.134 6.977 7 6.977M12 8.44c.387 0 .7.312.7.698v2.565l1.652 1.583a.696.696 0 0 1 .02.987a.7.7 0 0 1-.99.019l-1.867-1.79A.7.7 0 0 1 11.3 12V9.138c0-.386.313-.698.7-.698" clip-rule="evenodd"/><path d="M9.858 2.074C10.414 2 11.113 2 11.951 2h.098c.838 0 1.537 0 2.093.074c.585.079 1.115.252 1.54.675s.598.951.677 1.535q.035.272.052.59A8.4 8.4 0 0 0 12 3.628a8.4 8.4 0 0 0-4.41 1.246q.015-.318.051-.59c.079-.584.252-1.111.677-1.535s.955-.596 1.54-.675m5.824 19.176c.425-.423.598-.95.677-1.534q.035-.272.052-.59A8.4 8.4 0 0 1 12 20.373a8.4 8.4 0 0 1-4.41-1.245q.015.317.051.589c.079.584.252 1.111.677 1.535s.955.596 1.54.675c.556.074 1.255.074 2.093.074h.098c.838 0 1.537 0 2.093-.074c.585-.079 1.115-.252 1.54-.675"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconWatchFilled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fillRule="evenodd" d="M12 18.977c3.866 0 7-3.124 7-6.977s-3.134-6.977-7-6.977S5 8.147 5 12s3.134 6.977 7 6.977M12 8.44c.387 0 .7.312.7.698v2.565l1.652 1.583a.696.696 0 0 1 .02.987a.7.7 0 0 1-.99.019l-1.867-1.79A.7.7 0 0 1 11.3 12V9.138c0-.386.313-.698.7-.698" clipRule="evenodd"/><path d="M9.858 2.074C10.414 2 11.113 2 11.951 2h.098c.838 0 1.537 0 2.093.074c.585.079 1.115.252 1.54.675s.598.951.677 1.535q.035.272.052.59A8.4 8.4 0 0 0 12 3.628a8.4 8.4 0 0 0-4.41 1.246q.015-.318.051-.59c.079-.584.252-1.111.677-1.535s.955-.596 1.54-.675m5.824 19.176c.425-.423.598-.95.677-1.534q.035-.272.052-.59A8.4 8.4 0 0 1 12 20.373a8.4 8.4 0 0 1-4.41-1.245q.015.317.051.589c.079.584.252 1.111.677 1.535s.955.596 1.54.675c.556.074 1.255.074 2.093.074h.098c.838 0 1.537 0 2.093-.074c.585-.079 1.115-.252 1.54-.675"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M12 18.977c3.866 0 7-3.124 7-6.977s-3.134-6.977-7-6.977S5 8.147 5 12s3.134 6.977 7 6.977M12 8.44c.387 0 .7.312.7.698v2.565l1.652 1.583a.696.696 0 0 1 .02.987a.7.7 0 0 1-.99.019l-1.867-1.79A.7.7 0 0 1 11.3 12V9.138c0-.386.313-.698.7-.698" clip-rule="evenodd"/><path d="M9.858 2.074C10.414 2 11.113 2 11.951 2h.098c.838 0 1.537 0 2.093.074c.585.079 1.115.252 1.54.675s.598.951.677 1.535q.035.272.052.59A8.4 8.4 0 0 0 12 3.628a8.4 8.4 0 0 0-4.41 1.246q.015-.318.051-.59c.079-.584.252-1.111.677-1.535s.955-.596 1.54-.675m5.824 19.176c.425-.423.598-.95.677-1.534q.035-.272.052-.59A8.4 8.4 0 0 1 12 20.373a8.4 8.4 0 0 1-4.41-1.245q.015.317.051.589c.079.584.252 1.111.677 1.535s.955.596 1.54.675c.556.074 1.255.074 2.093.074h.098c.838 0 1.537 0 2.093-.074c.585-.079 1.115-.252 1.54-.675"/></g></svg> </template>
CSS
.icon-watch-filled {
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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M12%2018.977c3.866%200%207-3.124%207-6.977s-3.134-6.977-7-6.977S5%208.147%205%2012s3.134%206.977%207%206.977M12%208.44c.387%200%20.7.312.7.698v2.565l1.652%201.583a.696.696%200%200%201%20.02.987a.7.7%200%200%201-.99.019l-1.867-1.79A.7.7%200%200%201%2011.3%2012V9.138c0-.386.313-.698.7-.698%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M9.858%202.074C10.414%202%2011.113%202%2011.951%202h.098c.838%200%201.537%200%202.093.074c.585.079%201.115.252%201.54.675s.598.951.677%201.535q.035.272.052.59A8.4%208.4%200%200%200%2012%203.628a8.4%208.4%200%200%200-4.41%201.246q.015-.318.051-.59c.079-.584.252-1.111.677-1.535s.955-.596%201.54-.675m5.824%2019.176c.425-.423.598-.95.677-1.534q.035-.272.052-.59A8.4%208.4%200%200%201%2012%2020.373a8.4%208.4%200%200%201-4.41-1.245q.015.317.051.589c.079.584.252%201.111.677%201.535s.955.596%201.54.675c.556.074%201.255.074%202.093.074h.098c.838%200%201.537%200%202.093-.074c.585-.079%201.115-.252%201.54-.675%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M12%2018.977c3.866%200%207-3.124%207-6.977s-3.134-6.977-7-6.977S5%208.147%205%2012s3.134%206.977%207%206.977M12%208.44c.387%200%20.7.312.7.698v2.565l1.652%201.583a.696.696%200%200%201%20.02.987a.7.7%200%200%201-.99.019l-1.867-1.79A.7.7%200%200%201%2011.3%2012V9.138c0-.386.313-.698.7-.698%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M9.858%202.074C10.414%202%2011.113%202%2011.951%202h.098c.838%200%201.537%200%202.093.074c.585.079%201.115.252%201.54.675s.598.951.677%201.535q.035.272.052.59A8.4%208.4%200%200%200%2012%203.628a8.4%208.4%200%200%200-4.41%201.246q.015-.318.051-.59c.079-.584.252-1.111.677-1.535s.955-.596%201.54-.675m5.824%2019.176c.425-.423.598-.95.677-1.534q.035-.272.052-.59A8.4%208.4%200%200%201%2012%2020.373a8.4%208.4%200%200%201-4.41-1.245q.015.317.051.589c.079.584.252%201.111.677%201.535s.955.596%201.54.675c.556.074%201.255.074%202.093.074h.098c.838%200%201.537%200%202.093-.074c.585-.079%201.115-.252%201.54-.675%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/watch-filled.svg?color=%231a73e8&size=48
