watch icon
watch-fill from MingCute Icon by MingCute Design · Fill · Apache-2.0 Free for personal and commercial use.
- Name
- watch-fill
- Set
- MingCute Icon
- Style
- Fill
- 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="M14 2a2 2 0 0 1 2 2v1.416c1.766.772 3 2.534 3 4.584v4a5 5 0 0 1-3 4.583V20a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2v-1.417A5 5 0 0 1 5 14v-4a5 5 0 0 1 3-4.584V4a2 2 0 0 1 2-2zm-2 6a1 1 0 0 0-1 1v3a1 1 0 0 0 .043.292l.015.04a1 1 0 0 0 .235.375l1.45 1.45a1 1 0 1 0 1.413-1.415L13 11.586V9a1 1 0 0 0-1-1"/></svg>
React
import type { SVGProps } from "react";
export function MingcuteWatchFill(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="M14 2a2 2 0 0 1 2 2v1.416c1.766.772 3 2.534 3 4.584v4a5 5 0 0 1-3 4.583V20a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2v-1.417A5 5 0 0 1 5 14v-4a5 5 0 0 1 3-4.584V4a2 2 0 0 1 2-2zm-2 6a1 1 0 0 0-1 1v3a1 1 0 0 0 .043.292l.015.04a1 1 0 0 0 .235.375l1.45 1.45a1 1 0 1 0 1.413-1.415L13 11.586V9a1 1 0 0 0-1-1"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M14 2a2 2 0 0 1 2 2v1.416c1.766.772 3 2.534 3 4.584v4a5 5 0 0 1-3 4.583V20a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2v-1.417A5 5 0 0 1 5 14v-4a5 5 0 0 1 3-4.584V4a2 2 0 0 1 2-2zm-2 6a1 1 0 0 0-1 1v3a1 1 0 0 0 .043.292l.015.04a1 1 0 0 0 .235.375l1.45 1.45a1 1 0 1 0 1.413-1.415L13 11.586V9a1 1 0 0 0-1-1"/></svg> </template>
CSS
.icon-watch-fill {
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%22M14%202a2%202%200%200%201%202%202v1.416c1.766.772%203%202.534%203%204.584v4a5%205%200%200%201-3%204.583V20a2%202%200%200%201-2%202h-4a2%202%200%200%201-2-2v-1.417A5%205%200%200%201%205%2014v-4a5%205%200%200%201%203-4.584V4a2%202%200%200%201%202-2zm-2%206a1%201%200%200%200-1%201v3a1%201%200%200%200%20.043.292l.015.04a1%201%200%200%200%20.235.375l1.45%201.45a1%201%200%201%200%201.413-1.415L13%2011.586V9a1%201%200%200%200-1-1%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%22M14%202a2%202%200%200%201%202%202v1.416c1.766.772%203%202.534%203%204.584v4a5%205%200%200%201-3%204.583V20a2%202%200%200%201-2%202h-4a2%202%200%200%201-2-2v-1.417A5%205%200%200%201%205%2014v-4a5%205%200%200%201%203-4.584V4a2%202%200%200%201%202-2zm-2%206a1%201%200%200%200-1%201v3a1%201%200%200%200%20.043.292l.015.04a1%201%200%200%200%20.235.375l1.45%201.45a1%201%200%201%200%201.413-1.415L13%2011.586V9a1%201%200%200%200-1-1%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/watch-fill.svg?color=%231a73e8&size=48
