watch icon
watch-line from MingCute Icon by MingCute Design · Line · Apache-2.0 Free for personal and commercial use.
- Name
- watch-line
- Set
- MingCute Icon
- Style
- Line
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in MingCute Icon
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 IconswatchMyna UI Icons
Related icons in MingCute Icon
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="M13 9a1 1 0 1 0-2 0zm-1 3h-1a1 1 0 0 0 .293.707zm.793 2.207a1 1 0 0 0 1.414-1.414l-.707.707zM15 6v1h1V6zM9 6H8v1h1zm0 12v-1H8v1zm6 0h1v-1h-1zm-3-9h-1v3h2V9zm0 3l-.707.707l1.5 1.5l.707-.707l.707-.707l-1.5-1.5zm-2-6v1h4V5h-4zm8 4h-1v4h2v-4zm-4 8v-1h-4v2h4zm-8-4h1v-4H5v4zm4-11v1h4V2h-4zm5 1h-1v2h2V4zm0 2V5H9v2h6zM9 6h1V4H8v2zm0 12v1h6v-2H9zm6 0h-1v2h2v-2zm-1 3v-1h-4v2h4zm-5-1h1v-2H8v2zm6 0h-1v2a2 2 0 0 0 2-2zM14 3v1h2a2 2 0 0 0-2-2zm-4 0V2a2 2 0 0 0-2 2h2zm0 15v-1a3 3 0 0 1-3-3H5a5 5 0 0 0 5 5zm8-4h-1a3 3 0 0 1-3 3v2a5 5 0 0 0 5-5zm-4-8v1a3 3 0 0 1 3 3h2a5 5 0 0 0-5-5zm-4 15v-1H8a2 2 0 0 0 2 2zm0-15V5a5 5 0 0 0-5 5h2a3 3 0 0 1 3-3z"/></svg>
React
import type { SVGProps } from "react";
export function MingcuteWatchLine(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="M13 9a1 1 0 1 0-2 0zm-1 3h-1a1 1 0 0 0 .293.707zm.793 2.207a1 1 0 0 0 1.414-1.414l-.707.707zM15 6v1h1V6zM9 6H8v1h1zm0 12v-1H8v1zm6 0h1v-1h-1zm-3-9h-1v3h2V9zm0 3l-.707.707l1.5 1.5l.707-.707l.707-.707l-1.5-1.5zm-2-6v1h4V5h-4zm8 4h-1v4h2v-4zm-4 8v-1h-4v2h4zm-8-4h1v-4H5v4zm4-11v1h4V2h-4zm5 1h-1v2h2V4zm0 2V5H9v2h6zM9 6h1V4H8v2zm0 12v1h6v-2H9zm6 0h-1v2h2v-2zm-1 3v-1h-4v2h4zm-5-1h1v-2H8v2zm6 0h-1v2a2 2 0 0 0 2-2zM14 3v1h2a2 2 0 0 0-2-2zm-4 0V2a2 2 0 0 0-2 2h2zm0 15v-1a3 3 0 0 1-3-3H5a5 5 0 0 0 5 5zm8-4h-1a3 3 0 0 1-3 3v2a5 5 0 0 0 5-5zm-4-8v1a3 3 0 0 1 3 3h2a5 5 0 0 0-5-5zm-4 15v-1H8a2 2 0 0 0 2 2zm0-15V5a5 5 0 0 0-5 5h2a3 3 0 0 1 3-3z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M13 9a1 1 0 1 0-2 0zm-1 3h-1a1 1 0 0 0 .293.707zm.793 2.207a1 1 0 0 0 1.414-1.414l-.707.707zM15 6v1h1V6zM9 6H8v1h1zm0 12v-1H8v1zm6 0h1v-1h-1zm-3-9h-1v3h2V9zm0 3l-.707.707l1.5 1.5l.707-.707l.707-.707l-1.5-1.5zm-2-6v1h4V5h-4zm8 4h-1v4h2v-4zm-4 8v-1h-4v2h4zm-8-4h1v-4H5v4zm4-11v1h4V2h-4zm5 1h-1v2h2V4zm0 2V5H9v2h6zM9 6h1V4H8v2zm0 12v1h6v-2H9zm6 0h-1v2h2v-2zm-1 3v-1h-4v2h4zm-5-1h1v-2H8v2zm6 0h-1v2a2 2 0 0 0 2-2zM14 3v1h2a2 2 0 0 0-2-2zm-4 0V2a2 2 0 0 0-2 2h2zm0 15v-1a3 3 0 0 1-3-3H5a5 5 0 0 0 5 5zm8-4h-1a3 3 0 0 1-3 3v2a5 5 0 0 0 5-5zm-4-8v1a3 3 0 0 1 3 3h2a5 5 0 0 0-5-5zm-4 15v-1H8a2 2 0 0 0 2 2zm0-15V5a5 5 0 0 0-5 5h2a3 3 0 0 1 3-3z"/></svg> </template>
CSS
.icon-watch-line {
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%22M13%209a1%201%200%201%200-2%200zm-1%203h-1a1%201%200%200%200%20.293.707zm.793%202.207a1%201%200%200%200%201.414-1.414l-.707.707zM15%206v1h1V6zM9%206H8v1h1zm0%2012v-1H8v1zm6%200h1v-1h-1zm-3-9h-1v3h2V9zm0%203l-.707.707l1.5%201.5l.707-.707l.707-.707l-1.5-1.5zm-2-6v1h4V5h-4zm8%204h-1v4h2v-4zm-4%208v-1h-4v2h4zm-8-4h1v-4H5v4zm4-11v1h4V2h-4zm5%201h-1v2h2V4zm0%202V5H9v2h6zM9%206h1V4H8v2zm0%2012v1h6v-2H9zm6%200h-1v2h2v-2zm-1%203v-1h-4v2h4zm-5-1h1v-2H8v2zm6%200h-1v2a2%202%200%200%200%202-2zM14%203v1h2a2%202%200%200%200-2-2zm-4%200V2a2%202%200%200%200-2%202h2zm0%2015v-1a3%203%200%200%201-3-3H5a5%205%200%200%200%205%205zm8-4h-1a3%203%200%200%201-3%203v2a5%205%200%200%200%205-5zm-4-8v1a3%203%200%200%201%203%203h2a5%205%200%200%200-5-5zm-4%2015v-1H8a2%202%200%200%200%202%202zm0-15V5a5%205%200%200%200-5%205h2a3%203%200%200%201%203-3z%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%22M13%209a1%201%200%201%200-2%200zm-1%203h-1a1%201%200%200%200%20.293.707zm.793%202.207a1%201%200%200%200%201.414-1.414l-.707.707zM15%206v1h1V6zM9%206H8v1h1zm0%2012v-1H8v1zm6%200h1v-1h-1zm-3-9h-1v3h2V9zm0%203l-.707.707l1.5%201.5l.707-.707l.707-.707l-1.5-1.5zm-2-6v1h4V5h-4zm8%204h-1v4h2v-4zm-4%208v-1h-4v2h4zm-8-4h1v-4H5v4zm4-11v1h4V2h-4zm5%201h-1v2h2V4zm0%202V5H9v2h6zM9%206h1V4H8v2zm0%2012v1h6v-2H9zm6%200h-1v2h2v-2zm-1%203v-1h-4v2h4zm-5-1h1v-2H8v2zm6%200h-1v2a2%202%200%200%200%202-2zM14%203v1h2a2%202%200%200%200-2-2zm-4%200V2a2%202%200%200%200-2%202h2zm0%2015v-1a3%203%200%200%201-3-3H5a5%205%200%200%200%205%205zm8-4h-1a3%203%200%200%201-3%203v2a5%205%200%200%200%205-5zm-4-8v1a3%203%200%200%201%203%203h2a5%205%200%200%200-5-5zm-4%2015v-1H8a2%202%200%200%200%202%202zm0-15V5a5%205%200%200%200-5%205h2a3%203%200%200%201%203-3z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/watch-line.svg?color=%231a73e8&size=48
