watch icon
watch-duotone from Reicon by REICON · Duotone · Time · MIT Free for personal and commercial use.
- Name
- watch-duotone
- Set
- Reicon
- Style
- Duotone
- 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 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.977" opacity=".5"/><path d="M11.209 2h1.582c1.539 0 2.308 0 2.856.44c.549.44.716 1.19 1.05 2.692L17 6.5l.156.782A7 7 0 0 0 12 5.023c-2.04 0-3.877.87-5.156 2.259L7 6.5l.304-1.368c.334-1.501.5-2.252 1.049-2.692S9.671 2 11.209 2m5.947 14.719A7 7 0 0 1 12 18.977c-2.04 0-3.877-.87-5.156-2.258L7 17.5l.304 1.368c.334 1.501.5 2.252 1.049 2.692s1.317.44 2.856.44h1.582c1.539 0 2.308 0 2.856-.44s.715-1.19 1.05-2.692L17 17.5zM12.7 9.138a.7.7 0 0 0-.7-.698a.7.7 0 0 0-.7.698V12c0 .19.077.372.215.503l1.866 1.79a.7.7 0 0 0 .99-.02a.696.696 0 0 0-.02-.987L12.7 11.703z"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconWatchDuotone(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 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.977" opacity=".5"/><path d="M11.209 2h1.582c1.539 0 2.308 0 2.856.44c.549.44.716 1.19 1.05 2.692L17 6.5l.156.782A7 7 0 0 0 12 5.023c-2.04 0-3.877.87-5.156 2.259L7 6.5l.304-1.368c.334-1.501.5-2.252 1.049-2.692S9.671 2 11.209 2m5.947 14.719A7 7 0 0 1 12 18.977c-2.04 0-3.877-.87-5.156-2.258L7 17.5l.304 1.368c.334 1.501.5 2.252 1.049 2.692s1.317.44 2.856.44h1.582c1.539 0 2.308 0 2.856-.44s.715-1.19 1.05-2.692L17 17.5zM12.7 9.138a.7.7 0 0 0-.7-.698a.7.7 0 0 0-.7.698V12c0 .19.077.372.215.503l1.866 1.79a.7.7 0 0 0 .99-.02a.696.696 0 0 0-.02-.987L12.7 11.703z"/></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 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.977" opacity=".5"/><path d="M11.209 2h1.582c1.539 0 2.308 0 2.856.44c.549.44.716 1.19 1.05 2.692L17 6.5l.156.782A7 7 0 0 0 12 5.023c-2.04 0-3.877.87-5.156 2.259L7 6.5l.304-1.368c.334-1.501.5-2.252 1.049-2.692S9.671 2 11.209 2m5.947 14.719A7 7 0 0 1 12 18.977c-2.04 0-3.877-.87-5.156-2.258L7 17.5l.304 1.368c.334 1.501.5 2.252 1.049 2.692s1.317.44 2.856.44h1.582c1.539 0 2.308 0 2.856-.44s.715-1.19 1.05-2.692L17 17.5zM12.7 9.138a.7.7 0 0 0-.7-.698a.7.7 0 0 0-.7.698V12c0 .19.077.372.215.503l1.866 1.79a.7.7 0 0 0 .99-.02a.696.696 0 0 0-.02-.987L12.7 11.703z"/></g></svg> </template>
CSS
.icon-watch-duotone {
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%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.977%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M11.209%202h1.582c1.539%200%202.308%200%202.856.44c.549.44.716%201.19%201.05%202.692L17%206.5l.156.782A7%207%200%200%200%2012%205.023c-2.04%200-3.877.87-5.156%202.259L7%206.5l.304-1.368c.334-1.501.5-2.252%201.049-2.692S9.671%202%2011.209%202m5.947%2014.719A7%207%200%200%201%2012%2018.977c-2.04%200-3.877-.87-5.156-2.258L7%2017.5l.304%201.368c.334%201.501.5%202.252%201.049%202.692s1.317.44%202.856.44h1.582c1.539%200%202.308%200%202.856-.44s.715-1.19%201.05-2.692L17%2017.5zM12.7%209.138a.7.7%200%200%200-.7-.698a.7.7%200%200%200-.7.698V12c0%20.19.077.372.215.503l1.866%201.79a.7.7%200%200%200%20.99-.02a.696.696%200%200%200-.02-.987L12.7%2011.703z%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%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.977%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M11.209%202h1.582c1.539%200%202.308%200%202.856.44c.549.44.716%201.19%201.05%202.692L17%206.5l.156.782A7%207%200%200%200%2012%205.023c-2.04%200-3.877.87-5.156%202.259L7%206.5l.304-1.368c.334-1.501.5-2.252%201.049-2.692S9.671%202%2011.209%202m5.947%2014.719A7%207%200%200%201%2012%2018.977c-2.04%200-3.877-.87-5.156-2.258L7%2017.5l.304%201.368c.334%201.501.5%202.252%201.049%202.692s1.317.44%202.856.44h1.582c1.539%200%202.308%200%202.856-.44s.715-1.19%201.05-2.692L17%2017.5zM12.7%209.138a.7.7%200%200%200-.7-.698a.7.7%200%200%200-.7.698V12c0%20.19.077.372.215.503l1.866%201.79a.7.7%200%200%200%20.99-.02a.696.696%200%200%200-.02-.987L12.7%2011.703z%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-duotone.svg?color=%231a73e8&size=48
