watch icon
watch-duotone from Phosphor by Phosphor Icons · Duotone · MIT Free for personal and commercial use.
- Name
- watch-duotone
- Set
- Phosphor
- Style
- Duotone
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
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 256 256"><g fill="currentColor"><path d="M200 128a72 72 0 1 1-72-72a72 72 0 0 1 72 72" opacity=".2"/><path d="M208 128a79.94 79.94 0 0 0-32.7-64.47l-6.24-34.38A16 16 0 0 0 153.32 16h-50.64a16 16 0 0 0-15.74 13.15L80.7 63.53a79.9 79.9 0 0 0 0 128.94l6.24 34.38A16 16 0 0 0 102.68 240h50.64a16 16 0 0 0 15.74-13.15l6.24-34.38A79.94 79.94 0 0 0 208 128M102.68 32h50.64l3.91 21.55a79.75 79.75 0 0 0-58.46 0ZM64 128a64 64 0 1 1 64 64a64.07 64.07 0 0 1-64-64m89.32 96h-50.64l-3.91-21.55a79.75 79.75 0 0 0 58.46 0ZM120 128V88a8 8 0 0 1 16 0v32h32a8 8 0 0 1 0 16h-40a8 8 0 0 1-8-8"/></g></svg>
React
import type { SVGProps } from "react";
export function PhWatchDuotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="currentColor"><path d="M200 128a72 72 0 1 1-72-72a72 72 0 0 1 72 72" opacity=".2"/><path d="M208 128a79.94 79.94 0 0 0-32.7-64.47l-6.24-34.38A16 16 0 0 0 153.32 16h-50.64a16 16 0 0 0-15.74 13.15L80.7 63.53a79.9 79.9 0 0 0 0 128.94l6.24 34.38A16 16 0 0 0 102.68 240h50.64a16 16 0 0 0 15.74-13.15l6.24-34.38A79.94 79.94 0 0 0 208 128M102.68 32h50.64l3.91 21.55a79.75 79.75 0 0 0-58.46 0ZM64 128a64 64 0 1 1 64 64a64.07 64.07 0 0 1-64-64m89.32 96h-50.64l-3.91-21.55a79.75 79.75 0 0 0 58.46 0ZM120 128V88a8 8 0 0 1 16 0v32h32a8 8 0 0 1 0 16h-40a8 8 0 0 1-8-8"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="currentColor"><path d="M200 128a72 72 0 1 1-72-72a72 72 0 0 1 72 72" opacity=".2"/><path d="M208 128a79.94 79.94 0 0 0-32.7-64.47l-6.24-34.38A16 16 0 0 0 153.32 16h-50.64a16 16 0 0 0-15.74 13.15L80.7 63.53a79.9 79.9 0 0 0 0 128.94l6.24 34.38A16 16 0 0 0 102.68 240h50.64a16 16 0 0 0 15.74-13.15l6.24-34.38A79.94 79.94 0 0 0 208 128M102.68 32h50.64l3.91 21.55a79.75 79.75 0 0 0-58.46 0ZM64 128a64 64 0 1 1 64 64a64.07 64.07 0 0 1-64-64m89.32 96h-50.64l-3.91-21.55a79.75 79.75 0 0 0 58.46 0ZM120 128V88a8 8 0 0 1 16 0v32h32a8 8 0 0 1 0 16h-40a8 8 0 0 1-8-8"/></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%20256%20256%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M200%20128a72%2072%200%201%201-72-72a72%2072%200%200%201%2072%2072%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20d%3D%22M208%20128a79.94%2079.94%200%200%200-32.7-64.47l-6.24-34.38A16%2016%200%200%200%20153.32%2016h-50.64a16%2016%200%200%200-15.74%2013.15L80.7%2063.53a79.9%2079.9%200%200%200%200%20128.94l6.24%2034.38A16%2016%200%200%200%20102.68%20240h50.64a16%2016%200%200%200%2015.74-13.15l6.24-34.38A79.94%2079.94%200%200%200%20208%20128M102.68%2032h50.64l3.91%2021.55a79.75%2079.75%200%200%200-58.46%200ZM64%20128a64%2064%200%201%201%2064%2064a64.07%2064.07%200%200%201-64-64m89.32%2096h-50.64l-3.91-21.55a79.75%2079.75%200%200%200%2058.46%200ZM120%20128V88a8%208%200%200%201%2016%200v32h32a8%208%200%200%201%200%2016h-40a8%208%200%200%201-8-8%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%20256%20256%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M200%20128a72%2072%200%201%201-72-72a72%2072%200%200%201%2072%2072%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20d%3D%22M208%20128a79.94%2079.94%200%200%200-32.7-64.47l-6.24-34.38A16%2016%200%200%200%20153.32%2016h-50.64a16%2016%200%200%200-15.74%2013.15L80.7%2063.53a79.9%2079.9%200%200%200%200%20128.94l6.24%2034.38A16%2016%200%200%200%20102.68%20240h50.64a16%2016%200%200%200%2015.74-13.15l6.24-34.38A79.94%2079.94%200%200%200%20208%20128M102.68%2032h50.64l3.91%2021.55a79.75%2079.75%200%200%200-58.46%200ZM64%20128a64%2064%200%201%201%2064%2064a64.07%2064.07%200%200%201-64-64m89.32%2096h-50.64l-3.91-21.55a79.75%2079.75%200%200%200%2058.46%200ZM120%20128V88a8%208%200%200%201%2016%200v32h32a8%208%200%200%201%200%2016h-40a8%208%200%200%201-8-8%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/watch-duotone.svg?color=%231a73e8&size=48
