watch icon
watch-bold from Phosphor by Phosphor Icons · Bold · MIT Free for personal and commercial use.
- Name
- watch-bold
- Set
- Phosphor
- Style
- Bold
- 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"><path fill="currentColor" d="M208 128a79.85 79.85 0 0 0-27.95-60.68L173 28.43A20 20 0 0 0 153.32 12h-50.64A20 20 0 0 0 83 28.43l-7 38.89a79.84 79.84 0 0 0 0 121.36l7 38.89A20 20 0 0 0 102.68 244h50.64A20 20 0 0 0 173 227.57l7.05-38.89A79.85 79.85 0 0 0 208 128M106 36h44l2.9 16a79.76 79.76 0 0 0-49.76 0Zm44 184h-44l-2.9-16a79.76 79.76 0 0 0 49.76 0Zm-22-36a56 56 0 1 1 56-56a56.06 56.06 0 0 1-56 56m40-56a12 12 0 0 1-12 12h-28a12 12 0 0 1-12-12v-28a12 12 0 0 1 24 0v16h16a12 12 0 0 1 12 12"/></svg>
React
import type { SVGProps } from "react";
export function PhWatchBold(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M208 128a79.85 79.85 0 0 0-27.95-60.68L173 28.43A20 20 0 0 0 153.32 12h-50.64A20 20 0 0 0 83 28.43l-7 38.89a79.84 79.84 0 0 0 0 121.36l7 38.89A20 20 0 0 0 102.68 244h50.64A20 20 0 0 0 173 227.57l7.05-38.89A79.85 79.85 0 0 0 208 128M106 36h44l2.9 16a79.76 79.76 0 0 0-49.76 0Zm44 184h-44l-2.9-16a79.76 79.76 0 0 0 49.76 0Zm-22-36a56 56 0 1 1 56-56a56.06 56.06 0 0 1-56 56m40-56a12 12 0 0 1-12 12h-28a12 12 0 0 1-12-12v-28a12 12 0 0 1 24 0v16h16a12 12 0 0 1 12 12"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M208 128a79.85 79.85 0 0 0-27.95-60.68L173 28.43A20 20 0 0 0 153.32 12h-50.64A20 20 0 0 0 83 28.43l-7 38.89a79.84 79.84 0 0 0 0 121.36l7 38.89A20 20 0 0 0 102.68 244h50.64A20 20 0 0 0 173 227.57l7.05-38.89A79.85 79.85 0 0 0 208 128M106 36h44l2.9 16a79.76 79.76 0 0 0-49.76 0Zm44 184h-44l-2.9-16a79.76 79.76 0 0 0 49.76 0Zm-22-36a56 56 0 1 1 56-56a56.06 56.06 0 0 1-56 56m40-56a12 12 0 0 1-12 12h-28a12 12 0 0 1-12-12v-28a12 12 0 0 1 24 0v16h16a12 12 0 0 1 12 12"/></svg> </template>
CSS
.icon-watch-bold {
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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M208%20128a79.85%2079.85%200%200%200-27.95-60.68L173%2028.43A20%2020%200%200%200%20153.32%2012h-50.64A20%2020%200%200%200%2083%2028.43l-7%2038.89a79.84%2079.84%200%200%200%200%20121.36l7%2038.89A20%2020%200%200%200%20102.68%20244h50.64A20%2020%200%200%200%20173%20227.57l7.05-38.89A79.85%2079.85%200%200%200%20208%20128M106%2036h44l2.9%2016a79.76%2079.76%200%200%200-49.76%200Zm44%20184h-44l-2.9-16a79.76%2079.76%200%200%200%2049.76%200Zm-22-36a56%2056%200%201%201%2056-56a56.06%2056.06%200%200%201-56%2056m40-56a12%2012%200%200%201-12%2012h-28a12%2012%200%200%201-12-12v-28a12%2012%200%200%201%2024%200v16h16a12%2012%200%200%201%2012%2012%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M208%20128a79.85%2079.85%200%200%200-27.95-60.68L173%2028.43A20%2020%200%200%200%20153.32%2012h-50.64A20%2020%200%200%200%2083%2028.43l-7%2038.89a79.84%2079.84%200%200%200%200%20121.36l7%2038.89A20%2020%200%200%200%20102.68%20244h50.64A20%2020%200%200%200%20173%20227.57l7.05-38.89A79.85%2079.85%200%200%200%20208%20128M106%2036h44l2.9%2016a79.76%2079.76%200%200%200-49.76%200Zm44%20184h-44l-2.9-16a79.76%2079.76%200%200%200%2049.76%200Zm-22-36a56%2056%200%201%201%2056-56a56.06%2056.06%200%200%201-56%2056m40-56a12%2012%200%200%201-12%2012h-28a12%2012%200%200%201-12-12v-28a12%2012%200%200%201%2024%200v16h16a12%2012%200%200%201%2012%2012%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/watch-bold.svg?color=%231a73e8&size=48
