watch icon
watch-duotone from Keyline Icons by Keyline Icons · Duotone · MIT Free for personal and commercial use.
- Name
- watch-duotone
- Set
- Keyline Icons
- Style
- Duotone
- Viewbox
- 24×24
- License
- MIT
7 other variants in Keyline Icons
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 24 24"><g fill="currentColor"><path fill-opacity=".4" d="M7.0999 5.1382L7.3982 2.7519C7.5233 1.7511 8.3741 1 9.3828 1L14.6172 1C15.6259 1 16.4767 1.7511 16.6018 2.7519L16.9001 5.1382C18.1498 5.5313 19 6.6899 19 8L19 16C19 17.3101 18.1498 18.4687 16.9001 18.8618L16.6018 21.2481C16.4767 22.2489 15.6259 23 14.6172 23L9.3828 23C8.3741 23 7.5233 22.2489 7.3982 21.2481L7.0999 18.8618C5.8502 18.4687 5 17.3101 5 16L5 8C5 6.6899 5.8502 5.5313 7.0999 5.1382Z"/><path fill-rule="evenodd" d="M8 5L16 5C17.6569 5 19 6.3431 19 8L19 16C19 17.6569 17.6569 19 16 19L8 19C6.3431 19 5 17.6569 5 16L5 8C5 6.3431 6.3431 5 8 5Z" clip-rule="evenodd"/></g></svg>
React
import type { SVGProps } from "react";
export function KeylineIconsWatchDuotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fillOpacity=".4" d="M7.0999 5.1382L7.3982 2.7519C7.5233 1.7511 8.3741 1 9.3828 1L14.6172 1C15.6259 1 16.4767 1.7511 16.6018 2.7519L16.9001 5.1382C18.1498 5.5313 19 6.6899 19 8L19 16C19 17.3101 18.1498 18.4687 16.9001 18.8618L16.6018 21.2481C16.4767 22.2489 15.6259 23 14.6172 23L9.3828 23C8.3741 23 7.5233 22.2489 7.3982 21.2481L7.0999 18.8618C5.8502 18.4687 5 17.3101 5 16L5 8C5 6.6899 5.8502 5.5313 7.0999 5.1382Z"/><path fillRule="evenodd" d="M8 5L16 5C17.6569 5 19 6.3431 19 8L19 16C19 17.6569 17.6569 19 16 19L8 19C6.3431 19 5 17.6569 5 16L5 8C5 6.3431 6.3431 5 8 5Z" clipRule="evenodd"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fill-opacity=".4" d="M7.0999 5.1382L7.3982 2.7519C7.5233 1.7511 8.3741 1 9.3828 1L14.6172 1C15.6259 1 16.4767 1.7511 16.6018 2.7519L16.9001 5.1382C18.1498 5.5313 19 6.6899 19 8L19 16C19 17.3101 18.1498 18.4687 16.9001 18.8618L16.6018 21.2481C16.4767 22.2489 15.6259 23 14.6172 23L9.3828 23C8.3741 23 7.5233 22.2489 7.3982 21.2481L7.0999 18.8618C5.8502 18.4687 5 17.3101 5 16L5 8C5 6.6899 5.8502 5.5313 7.0999 5.1382Z"/><path fill-rule="evenodd" d="M8 5L16 5C17.6569 5 19 6.3431 19 8L19 16C19 17.6569 17.6569 19 16 19L8 19C6.3431 19 5 17.6569 5 16L5 8C5 6.3431 6.3431 5 8 5Z" clip-rule="evenodd"/></g></svg> </template>
CSS
.icon-watch-duotone {
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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20fill-opacity%3D%22.4%22%20d%3D%22M7.0999%205.1382L7.3982%202.7519C7.5233%201.7511%208.3741%201%209.3828%201L14.6172%201C15.6259%201%2016.4767%201.7511%2016.6018%202.7519L16.9001%205.1382C18.1498%205.5313%2019%206.6899%2019%208L19%2016C19%2017.3101%2018.1498%2018.4687%2016.9001%2018.8618L16.6018%2021.2481C16.4767%2022.2489%2015.6259%2023%2014.6172%2023L9.3828%2023C8.3741%2023%207.5233%2022.2489%207.3982%2021.2481L7.0999%2018.8618C5.8502%2018.4687%205%2017.3101%205%2016L5%208C5%206.6899%205.8502%205.5313%207.0999%205.1382Z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M8%205L16%205C17.6569%205%2019%206.3431%2019%208L19%2016C19%2017.6569%2017.6569%2019%2016%2019L8%2019C6.3431%2019%205%2017.6569%205%2016L5%208C5%206.3431%206.3431%205%208%205Z%22%20clip-rule%3D%22evenodd%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%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20fill-opacity%3D%22.4%22%20d%3D%22M7.0999%205.1382L7.3982%202.7519C7.5233%201.7511%208.3741%201%209.3828%201L14.6172%201C15.6259%201%2016.4767%201.7511%2016.6018%202.7519L16.9001%205.1382C18.1498%205.5313%2019%206.6899%2019%208L19%2016C19%2017.3101%2018.1498%2018.4687%2016.9001%2018.8618L16.6018%2021.2481C16.4767%2022.2489%2015.6259%2023%2014.6172%2023L9.3828%2023C8.3741%2023%207.5233%2022.2489%207.3982%2021.2481L7.0999%2018.8618C5.8502%2018.4687%205%2017.3101%205%2016L5%208C5%206.6899%205.8502%205.5313%207.0999%205.1382Z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M8%205L16%205C17.6569%205%2019%206.3431%2019%208L19%2016C19%2017.6569%2017.6569%2019%2016%2019L8%2019C6.3431%2019%205%2017.6569%205%2016L5%208C5%206.3431%206.3431%205%208%205Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/keyline-icons/watch-duotone.svg?color=%231a73e8&size=48
