watch icon
watch from IconPark Outline by ByteDance · Outline · Time · Apache-2.0 Free for personal and commercial use.
- Name
- watch
- Set
- IconPark Outline
- Style
- Outline
- Category
- Time
- Viewbox
- 48×48
- License
- Apache 2.0
The same icon in other sets
watchBootstrap IconswatchBoxIcons v2 SolidwatchCarbonwatchCodiconswatchEmoji One (Colored)watchElement PluswatchFeather IconswatchFluent EmojiwatchFluent Emoji FlatwatchFluent Emoji High ContrastwatchFirefox OS EmojiwatchIconParkwatchIconPark SolidwatchIconPark TwoTonewatchIonIconswatchJam IconswatchMaterial Line IconswatchLucidewatchMajesticonswatchMaterial SymbolswatchMaterial Symbols LightwatchMaterial Design Iconswatch-fillMingCute IconwatchMyna UI Icons
More time icons from IconPark Outline
Use the watch icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M34.956 31L31 44H17l-3.956-13m0-14L17 4h14l3.956 13"/><path d="M37 24c0 2.577-.75 4.98-2.044 7A12.99 12.99 0 0 1 24 37a12.99 12.99 0 0 1-10.956-6A12.94 12.94 0 0 1 11 24c0-2.577.75-4.98 2.044-7A12.99 12.99 0 0 1 24 11a12.99 12.99 0 0 1 10.956 6A12.94 12.94 0 0 1 37 24"/><path d="M24 17v7l4 4"/></g></svg>
React
import type { SVGProps } from "react";
export function IconParkOutlineWatch(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="4"><path d="M34.956 31L31 44H17l-3.956-13m0-14L17 4h14l3.956 13"/><path d="M37 24c0 2.577-.75 4.98-2.044 7A12.99 12.99 0 0 1 24 37a12.99 12.99 0 0 1-10.956-6A12.94 12.94 0 0 1 11 24c0-2.577.75-4.98 2.044-7A12.99 12.99 0 0 1 24 11a12.99 12.99 0 0 1 10.956 6A12.94 12.94 0 0 1 37 24"/><path d="M24 17v7l4 4"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M34.956 31L31 44H17l-3.956-13m0-14L17 4h14l3.956 13"/><path d="M37 24c0 2.577-.75 4.98-2.044 7A12.99 12.99 0 0 1 24 37a12.99 12.99 0 0 1-10.956-6A12.94 12.94 0 0 1 11 24c0-2.577.75-4.98 2.044-7A12.99 12.99 0 0 1 24 11a12.99 12.99 0 0 1 10.956 6A12.94 12.94 0 0 1 37 24"/><path d="M24 17v7l4 4"/></g></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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20d%3D%22M34.956%2031L31%2044H17l-3.956-13m0-14L17%204h14l3.956%2013%22%2F%3E%3Cpath%20d%3D%22M37%2024c0%202.577-.75%204.98-2.044%207A12.99%2012.99%200%200%201%2024%2037a12.99%2012.99%200%200%201-10.956-6A12.94%2012.94%200%200%201%2011%2024c0-2.577.75-4.98%202.044-7A12.99%2012.99%200%200%201%2024%2011a12.99%2012.99%200%200%201%2010.956%206A12.94%2012.94%200%200%201%2037%2024%22%2F%3E%3Cpath%20d%3D%22M24%2017v7l4%204%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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20d%3D%22M34.956%2031L31%2044H17l-3.956-13m0-14L17%204h14l3.956%2013%22%2F%3E%3Cpath%20d%3D%22M37%2024c0%202.577-.75%204.98-2.044%207A12.99%2012.99%200%200%201%2024%2037a12.99%2012.99%200%200%201-10.956-6A12.94%2012.94%200%200%201%2011%2024c0-2.577.75-4.98%202.044-7A12.99%2012.99%200%200%201%2024%2011a12.99%2012.99%200%200%201%2010.956%206A12.94%2012.94%200%200%201%2037%2024%22%2F%3E%3Cpath%20d%3D%22M24%2017v7l4%204%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/icon-park-outline/watch.svg?color=%231a73e8&size=48
