watch icon
watch-solid from Myna UI Icons by Praveen Juge · Solid · MIT Free for personal and commercial use.
- Name
- watch-solid
- Set
- Myna UI Icons
- Style
- Solid
- Viewbox
- 24×24
- License
- MIT
1 other variant in Myna UI 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"><path fill="currentColor" d="M10.681 2.25c-.673 0-1.224.237-1.649.634c-.404.378-.66.87-.834 1.34a9 9 0 0 0-.373 1.429l-.092.504q-.048.276-.095.51C6.498 7.303 5.75 8.586 5.75 10v4c0 1.415.748 2.698 1.888 3.332q.047.235.095.511q.04.23.092.504c.086.45.198.956.373 1.43c.174.47.43.961.834 1.34c.425.396.976.633 1.65.633h2.637c.673 0 1.224-.237 1.649-.634c.405-.378.66-.87.834-1.34c.175-.473.287-.979.373-1.429l.092-.504q.048-.276.095-.51c1.14-.635 1.888-1.918 1.888-3.333v-4c0-1.415-.748-2.698-1.888-3.332q-.047-.235-.095-.511l-.092-.504a9 9 0 0 0-.373-1.43c-.174-.47-.43-.961-.834-1.34a2.35 2.35 0 0 0-1.65-.633zm-1.431 4h-.01l.059-.315c.082-.43.175-.837.306-1.191c.133-.358.285-.609.452-.765c.147-.138.333-.229.624-.229h2.638c.291 0 .477.091.624.23c.167.155.32.406.452.764c.13.354.224.762.306 1.19q.03.153.058.316zm.049 11.815q-.03-.152-.058-.315h5.519l-.059.315a7.6 7.6 0 0 1-.306 1.191c-.133.358-.285.609-.452.765c-.147.138-.333.229-.624.229H10.68c-.291 0-.477-.091-.624-.23c-.167-.155-.32-.406-.452-.764a7.6 7.6 0 0 1-.306-1.19M12.75 10v2.084l1.25.78a.75.75 0 0 1-.793 1.272l-1.604-1a.75.75 0 0 1-.353-.636V10a.75.75 0 0 1 1.5 0"/></svg>
React
import type { SVGProps } from "react";
export function MynauiWatchSolid(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.681 2.25c-.673 0-1.224.237-1.649.634c-.404.378-.66.87-.834 1.34a9 9 0 0 0-.373 1.429l-.092.504q-.048.276-.095.51C6.498 7.303 5.75 8.586 5.75 10v4c0 1.415.748 2.698 1.888 3.332q.047.235.095.511q.04.23.092.504c.086.45.198.956.373 1.43c.174.47.43.961.834 1.34c.425.396.976.633 1.65.633h2.637c.673 0 1.224-.237 1.649-.634c.405-.378.66-.87.834-1.34c.175-.473.287-.979.373-1.429l.092-.504q.048-.276.095-.51c1.14-.635 1.888-1.918 1.888-3.333v-4c0-1.415-.748-2.698-1.888-3.332q-.047-.235-.095-.511l-.092-.504a9 9 0 0 0-.373-1.43c-.174-.47-.43-.961-.834-1.34a2.35 2.35 0 0 0-1.65-.633zm-1.431 4h-.01l.059-.315c.082-.43.175-.837.306-1.191c.133-.358.285-.609.452-.765c.147-.138.333-.229.624-.229h2.638c.291 0 .477.091.624.23c.167.155.32.406.452.764c.13.354.224.762.306 1.19q.03.153.058.316zm.049 11.815q-.03-.152-.058-.315h5.519l-.059.315a7.6 7.6 0 0 1-.306 1.191c-.133.358-.285.609-.452.765c-.147.138-.333.229-.624.229H10.68c-.291 0-.477-.091-.624-.23c-.167-.155-.32-.406-.452-.764a7.6 7.6 0 0 1-.306-1.19M12.75 10v2.084l1.25.78a.75.75 0 0 1-.793 1.272l-1.604-1a.75.75 0 0 1-.353-.636V10a.75.75 0 0 1 1.5 0"/></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.681 2.25c-.673 0-1.224.237-1.649.634c-.404.378-.66.87-.834 1.34a9 9 0 0 0-.373 1.429l-.092.504q-.048.276-.095.51C6.498 7.303 5.75 8.586 5.75 10v4c0 1.415.748 2.698 1.888 3.332q.047.235.095.511q.04.23.092.504c.086.45.198.956.373 1.43c.174.47.43.961.834 1.34c.425.396.976.633 1.65.633h2.637c.673 0 1.224-.237 1.649-.634c.405-.378.66-.87.834-1.34c.175-.473.287-.979.373-1.429l.092-.504q.048-.276.095-.51c1.14-.635 1.888-1.918 1.888-3.333v-4c0-1.415-.748-2.698-1.888-3.332q-.047-.235-.095-.511l-.092-.504a9 9 0 0 0-.373-1.43c-.174-.47-.43-.961-.834-1.34a2.35 2.35 0 0 0-1.65-.633zm-1.431 4h-.01l.059-.315c.082-.43.175-.837.306-1.191c.133-.358.285-.609.452-.765c.147-.138.333-.229.624-.229h2.638c.291 0 .477.091.624.23c.167.155.32.406.452.764c.13.354.224.762.306 1.19q.03.153.058.316zm.049 11.815q-.03-.152-.058-.315h5.519l-.059.315a7.6 7.6 0 0 1-.306 1.191c-.133.358-.285.609-.452.765c-.147.138-.333.229-.624.229H10.68c-.291 0-.477-.091-.624-.23c-.167-.155-.32-.406-.452-.764a7.6 7.6 0 0 1-.306-1.19M12.75 10v2.084l1.25.78a.75.75 0 0 1-.793 1.272l-1.604-1a.75.75 0 0 1-.353-.636V10a.75.75 0 0 1 1.5 0"/></svg> </template>
CSS
.icon-watch-solid {
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.681%202.25c-.673%200-1.224.237-1.649.634c-.404.378-.66.87-.834%201.34a9%209%200%200%200-.373%201.429l-.092.504q-.048.276-.095.51C6.498%207.303%205.75%208.586%205.75%2010v4c0%201.415.748%202.698%201.888%203.332q.047.235.095.511q.04.23.092.504c.086.45.198.956.373%201.43c.174.47.43.961.834%201.34c.425.396.976.633%201.65.633h2.637c.673%200%201.224-.237%201.649-.634c.405-.378.66-.87.834-1.34c.175-.473.287-.979.373-1.429l.092-.504q.048-.276.095-.51c1.14-.635%201.888-1.918%201.888-3.333v-4c0-1.415-.748-2.698-1.888-3.332q-.047-.235-.095-.511l-.092-.504a9%209%200%200%200-.373-1.43c-.174-.47-.43-.961-.834-1.34a2.35%202.35%200%200%200-1.65-.633zm-1.431%204h-.01l.059-.315c.082-.43.175-.837.306-1.191c.133-.358.285-.609.452-.765c.147-.138.333-.229.624-.229h2.638c.291%200%20.477.091.624.23c.167.155.32.406.452.764c.13.354.224.762.306%201.19q.03.153.058.316zm.049%2011.815q-.03-.152-.058-.315h5.519l-.059.315a7.6%207.6%200%200%201-.306%201.191c-.133.358-.285.609-.452.765c-.147.138-.333.229-.624.229H10.68c-.291%200-.477-.091-.624-.23c-.167-.155-.32-.406-.452-.764a7.6%207.6%200%200%201-.306-1.19M12.75%2010v2.084l1.25.78a.75.75%200%200%201-.793%201.272l-1.604-1a.75.75%200%200%201-.353-.636V10a.75.75%200%200%201%201.5%200%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.681%202.25c-.673%200-1.224.237-1.649.634c-.404.378-.66.87-.834%201.34a9%209%200%200%200-.373%201.429l-.092.504q-.048.276-.095.51C6.498%207.303%205.75%208.586%205.75%2010v4c0%201.415.748%202.698%201.888%203.332q.047.235.095.511q.04.23.092.504c.086.45.198.956.373%201.43c.174.47.43.961.834%201.34c.425.396.976.633%201.65.633h2.637c.673%200%201.224-.237%201.649-.634c.405-.378.66-.87.834-1.34c.175-.473.287-.979.373-1.429l.092-.504q.048-.276.095-.51c1.14-.635%201.888-1.918%201.888-3.333v-4c0-1.415-.748-2.698-1.888-3.332q-.047-.235-.095-.511l-.092-.504a9%209%200%200%200-.373-1.43c-.174-.47-.43-.961-.834-1.34a2.35%202.35%200%200%200-1.65-.633zm-1.431%204h-.01l.059-.315c.082-.43.175-.837.306-1.191c.133-.358.285-.609.452-.765c.147-.138.333-.229.624-.229h2.638c.291%200%20.477.091.624.23c.167.155.32.406.452.764c.13.354.224.762.306%201.19q.03.153.058.316zm.049%2011.815q-.03-.152-.058-.315h5.519l-.059.315a7.6%207.6%200%200%201-.306%201.191c-.133.358-.285.609-.452.765c-.147.138-.333.229-.624.229H10.68c-.291%200-.477-.091-.624-.23c-.167-.155-.32-.406-.452-.764a7.6%207.6%200%200%201-.306-1.19M12.75%2010v2.084l1.25.78a.75.75%200%200%201-.793%201.272l-1.604-1a.75.75%200%200%201-.353-.636V10a.75.75%200%200%201%201.5%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mynaui/watch-solid.svg?color=%231a73e8&size=48
