watch icon
watch-two-tone from Keyline Icons by Keyline Icons · Two Tone · MIT Free for personal and commercial use.
- Name
- watch-two-tone
- Set
- Keyline Icons
- Style
- Two Tone
- 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="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" 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" stroke="none"/><path d="M8 6L16 6C17.1046 6 18 6.8954 18 8L18 16C18 17.1046 17.1046 18 16 18L8 18C6.8954 18 6 17.1046 6 16L6 8C6 6.8954 6.8954 6 8 6ZM8 6L8.3905 2.876C8.4531 2.3755 8.8785 2 9.3828 2L14.6172 2C15.1215 2 15.5469 2.3755 15.6095 2.876L16 6M8 18L8.3905 21.124C8.4531 21.6245 8.8785 22 9.3828 22L14.6172 22C15.1215 22 15.5469 21.6245 15.6095 21.124L16 18"/></g></svg>
React
import type { SVGProps } from "react";
export function KeylineIconsWatchTwoTone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2"><path fill="currentColor" 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" stroke="none"/><path d="M8 6L16 6C17.1046 6 18 6.8954 18 8L18 16C18 17.1046 17.1046 18 16 18L8 18C6.8954 18 6 17.1046 6 16L6 8C6 6.8954 6.8954 6 8 6ZM8 6L8.3905 2.876C8.4531 2.3755 8.8785 2 9.3828 2L14.6172 2C15.1215 2 15.5469 2.3755 15.6095 2.876L16 6M8 18L8.3905 21.124C8.4531 21.6245 8.8785 22 9.3828 22L14.6172 22C15.1215 22 15.5469 21.6245 15.6095 21.124L16 18"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" 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" stroke="none"/><path d="M8 6L16 6C17.1046 6 18 6.8954 18 8L18 16C18 17.1046 17.1046 18 16 18L8 18C6.8954 18 6 17.1046 6 16L6 8C6 6.8954 6.8954 6 8 6ZM8 6L8.3905 2.876C8.4531 2.3755 8.8785 2 9.3828 2L14.6172 2C15.1215 2 15.5469 2.3755 15.6095 2.876L16 6M8 18L8.3905 21.124C8.4531 21.6245 8.8785 22 9.3828 22L14.6172 22C15.1215 22 15.5469 21.6245 15.6095 21.124L16 18"/></g></svg> </template>
CSS
.icon-watch-two-tone {
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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20fill%3D%22currentColor%22%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%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M8%206L16%206C17.1046%206%2018%206.8954%2018%208L18%2016C18%2017.1046%2017.1046%2018%2016%2018L8%2018C6.8954%2018%206%2017.1046%206%2016L6%208C6%206.8954%206.8954%206%208%206ZM8%206L8.3905%202.876C8.4531%202.3755%208.8785%202%209.3828%202L14.6172%202C15.1215%202%2015.5469%202.3755%2015.6095%202.876L16%206M8%2018L8.3905%2021.124C8.4531%2021.6245%208.8785%2022%209.3828%2022L14.6172%2022C15.1215%2022%2015.5469%2021.6245%2015.6095%2021.124L16%2018%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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20fill%3D%22currentColor%22%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%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M8%206L16%206C17.1046%206%2018%206.8954%2018%208L18%2016C18%2017.1046%2017.1046%2018%2016%2018L8%2018C6.8954%2018%206%2017.1046%206%2016L6%208C6%206.8954%206.8954%206%208%206ZM8%206L8.3905%202.876C8.4531%202.3755%208.8785%202%209.3828%202L14.6172%202C15.1215%202%2015.5469%202.3755%2015.6095%202.876L16%206M8%2018L8.3905%2021.124C8.4531%2021.6245%208.8785%2022%209.3828%2022L14.6172%2022C15.1215%2022%2015.5469%2021.6245%2015.6095%2021.124L16%2018%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-two-tone.svg?color=%231a73e8&size=48
