watch icon
watch-outline from Material Symbols Light by Google · Outline · Hardware · Apache-2.0 Free for personal and commercial use.
- Name
- watch-outline
- Set
- Material Symbols Light
- Style
- Outline
- Category
- Hardware
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- watch-outline-sharp
3 other variants in Material Symbols Light
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 Design Iconswatch-fillMingCute IconwatchMyna UI Icons
More hardware icons from Material Symbols Light
add-diamondadf-scanneraod-tabletaod-watcharrows-left-right-circlearrows-up-down-circleassistant-deviceaudio-video-receiverb-circlebalancebrowser-updatedcamera-videocastcast-connectedcast-for-educationcast-pausecast-warningchromecast-devicecircle-circlecomputercomputer-arrow-upcomputer-cancelcomputer-soundconnected-tv
Use the watch icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.73 4h2.54zm0 16h2.54zm-.768 1l-1.12-3.934q-1.258-.739-2.05-2.087T6 12t.792-2.979t2.05-2.087L9.962 3h4.077l1.119 3.935q1.258.738 2.05 2.086T18 12t-.792 2.979t-2.05 2.087L14.038 21zm5.576-5.462Q17 14.075 17 12t-1.463-3.537T12 7T8.463 8.463T7 12t1.463 3.538T12 17t3.538-1.463m-5.476-9.21q.519-.163.991-.248T12 5.994t.947.085t.991.248L13.27 4h-2.538zM10.73 20h2.538l.67-2.327q-.52.164-.992.236T12 17.98t-.947-.072t-.991-.236z"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightWatchOutline(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.73 4h2.54zm0 16h2.54zm-.768 1l-1.12-3.934q-1.258-.739-2.05-2.087T6 12t.792-2.979t2.05-2.087L9.962 3h4.077l1.119 3.935q1.258.738 2.05 2.086T18 12t-.792 2.979t-2.05 2.087L14.038 21zm5.576-5.462Q17 14.075 17 12t-1.463-3.537T12 7T8.463 8.463T7 12t1.463 3.538T12 17t3.538-1.463m-5.476-9.21q.519-.163.991-.248T12 5.994t.947.085t.991.248L13.27 4h-2.538zM10.73 20h2.538l.67-2.327q-.52.164-.992.236T12 17.98t-.947-.072t-.991-.236z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.73 4h2.54zm0 16h2.54zm-.768 1l-1.12-3.934q-1.258-.739-2.05-2.087T6 12t.792-2.979t2.05-2.087L9.962 3h4.077l1.119 3.935q1.258.738 2.05 2.086T18 12t-.792 2.979t-2.05 2.087L14.038 21zm5.576-5.462Q17 14.075 17 12t-1.463-3.537T12 7T8.463 8.463T7 12t1.463 3.538T12 17t3.538-1.463m-5.476-9.21q.519-.163.991-.248T12 5.994t.947.085t.991.248L13.27 4h-2.538zM10.73 20h2.538l.67-2.327q-.52.164-.992.236T12 17.98t-.947-.072t-.991-.236z"/></svg> </template>
CSS
.icon-watch-outline {
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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10.73%204h2.54zm0%2016h2.54zm-.768%201l-1.12-3.934q-1.258-.739-2.05-2.087T6%2012t.792-2.979t2.05-2.087L9.962%203h4.077l1.119%203.935q1.258.738%202.05%202.086T18%2012t-.792%202.979t-2.05%202.087L14.038%2021zm5.576-5.462Q17%2014.075%2017%2012t-1.463-3.537T12%207T8.463%208.463T7%2012t1.463%203.538T12%2017t3.538-1.463m-5.476-9.21q.519-.163.991-.248T12%205.994t.947.085t.991.248L13.27%204h-2.538zM10.73%2020h2.538l.67-2.327q-.52.164-.992.236T12%2017.98t-.947-.072t-.991-.236z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10.73%204h2.54zm0%2016h2.54zm-.768%201l-1.12-3.934q-1.258-.739-2.05-2.087T6%2012t.792-2.979t2.05-2.087L9.962%203h4.077l1.119%203.935q1.258.738%202.05%202.086T18%2012t-.792%202.979t-2.05%202.087L14.038%2021zm5.576-5.462Q17%2014.075%2017%2012t-1.463-3.537T12%207T8.463%208.463T7%2012t1.463%203.538T12%2017t3.538-1.463m-5.476-9.21q.519-.163.991-.248T12%205.994t.947.085t.991.248L13.27%204h-2.538zM10.73%2020h2.538l.67-2.327q-.52.164-.992.236T12%2017.98t-.947-.072t-.991-.236z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/watch-outline.svg?color=%231a73e8&size=48
