watch button press icon
watch-button-press-outline-rounded from Material Symbols by Google · Outline Rounded · Hardware · Apache-2.0 Free for personal and commercial use.
- Name
- watch-button-press-outline-rounded
- Set
- Material Symbols
- Style
- Outline Rounded
- Category
- Hardware
- Viewbox
- 24×24
- License
- Apache 2.0
3 other variants in Material Symbols
The same icon in other sets
More hardware icons from Material Symbols
add-diamondadf-scanneraod-tabletaod-watcharrows-left-right-circlearrows-up-down-circleassistant-deviceaudio-video-receiverb-circlebalancebrowser-updatedcamera-videocastcast-connectedcast-for-educationcast-pausecast-warningchromecast-devicecircle-circlecomputercomputer-arrow-upcomputer-cancelcomputer-soundconnected-tv
Use the watch button press icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M13.538 15.538Q15 14.075 15 12t-1.463-3.537T10 7T6.463 8.463T5 12t1.463 3.538T10 17t3.538-1.463M8.5 22q-.65 0-1.187-.387t-.738-1.038L6 18.65q-.15-.5-.462-1.012t-.813-1.063q-.85-.925-1.287-2.1T3 12q0-1.275.438-2.45t1.287-2.125q.5-.575.813-1.075t.462-1l.575-1.925q.2-.65.738-1.037T8.5 2h3q.65 0 1.188.388t.737 1.037L14 5.35q.15.5.463 1.013t.812 1.062q.85.925 1.288 2.1T17 12q0 1.275-.437 2.45t-1.288 2.125q-.5.575-.812 1.075t-.463 1l-.575 1.925q-.2.65-.737 1.038T11.5 22zm10.788-10.288Q19 11.425 19 11V4q0-.425.288-.712T20 3t.713.288T21 4v7q0 .425-.288.713T20 12t-.712-.288M8.5 4h3zm0 16h3zM8.1 5.25q.5-.125.963-.2T10 4.975t.938.075t.962.2L11.5 4h-3zM8.5 20h3l.4-1.25q-.5.125-.962.188T10 19t-.937-.062t-.963-.188z"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsWatchButtonPressOutlineRounded(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.538 15.538Q15 14.075 15 12t-1.463-3.537T10 7T6.463 8.463T5 12t1.463 3.538T10 17t3.538-1.463M8.5 22q-.65 0-1.187-.387t-.738-1.038L6 18.65q-.15-.5-.462-1.012t-.813-1.063q-.85-.925-1.287-2.1T3 12q0-1.275.438-2.45t1.287-2.125q.5-.575.813-1.075t.462-1l.575-1.925q.2-.65.738-1.037T8.5 2h3q.65 0 1.188.388t.737 1.037L14 5.35q.15.5.463 1.013t.812 1.062q.85.925 1.288 2.1T17 12q0 1.275-.437 2.45t-1.288 2.125q-.5.575-.812 1.075t-.463 1l-.575 1.925q-.2.65-.737 1.038T11.5 22zm10.788-10.288Q19 11.425 19 11V4q0-.425.288-.712T20 3t.713.288T21 4v7q0 .425-.288.713T20 12t-.712-.288M8.5 4h3zm0 16h3zM8.1 5.25q.5-.125.963-.2T10 4.975t.938.075t.962.2L11.5 4h-3zM8.5 20h3l.4-1.25q-.5.125-.962.188T10 19t-.937-.062t-.963-.188z"/></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.538 15.538Q15 14.075 15 12t-1.463-3.537T10 7T6.463 8.463T5 12t1.463 3.538T10 17t3.538-1.463M8.5 22q-.65 0-1.187-.387t-.738-1.038L6 18.65q-.15-.5-.462-1.012t-.813-1.063q-.85-.925-1.287-2.1T3 12q0-1.275.438-2.45t1.287-2.125q.5-.575.813-1.075t.462-1l.575-1.925q.2-.65.738-1.037T8.5 2h3q.65 0 1.188.388t.737 1.037L14 5.35q.15.5.463 1.013t.812 1.062q.85.925 1.288 2.1T17 12q0 1.275-.437 2.45t-1.288 2.125q-.5.575-.812 1.075t-.463 1l-.575 1.925q-.2.65-.737 1.038T11.5 22zm10.788-10.288Q19 11.425 19 11V4q0-.425.288-.712T20 3t.713.288T21 4v7q0 .425-.288.713T20 12t-.712-.288M8.5 4h3zm0 16h3zM8.1 5.25q.5-.125.963-.2T10 4.975t.938.075t.962.2L11.5 4h-3zM8.5 20h3l.4-1.25q-.5.125-.962.188T10 19t-.937-.062t-.963-.188z"/></svg> </template>
CSS
.icon-watch-button-press-outline-rounded {
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.538%2015.538Q15%2014.075%2015%2012t-1.463-3.537T10%207T6.463%208.463T5%2012t1.463%203.538T10%2017t3.538-1.463M8.5%2022q-.65%200-1.187-.387t-.738-1.038L6%2018.65q-.15-.5-.462-1.012t-.813-1.063q-.85-.925-1.287-2.1T3%2012q0-1.275.438-2.45t1.287-2.125q.5-.575.813-1.075t.462-1l.575-1.925q.2-.65.738-1.037T8.5%202h3q.65%200%201.188.388t.737%201.037L14%205.35q.15.5.463%201.013t.812%201.062q.85.925%201.288%202.1T17%2012q0%201.275-.437%202.45t-1.288%202.125q-.5.575-.812%201.075t-.463%201l-.575%201.925q-.2.65-.737%201.038T11.5%2022zm10.788-10.288Q19%2011.425%2019%2011V4q0-.425.288-.712T20%203t.713.288T21%204v7q0%20.425-.288.713T20%2012t-.712-.288M8.5%204h3zm0%2016h3zM8.1%205.25q.5-.125.963-.2T10%204.975t.938.075t.962.2L11.5%204h-3zM8.5%2020h3l.4-1.25q-.5.125-.962.188T10%2019t-.937-.062t-.963-.188z%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.538%2015.538Q15%2014.075%2015%2012t-1.463-3.537T10%207T6.463%208.463T5%2012t1.463%203.538T10%2017t3.538-1.463M8.5%2022q-.65%200-1.187-.387t-.738-1.038L6%2018.65q-.15-.5-.462-1.012t-.813-1.063q-.85-.925-1.287-2.1T3%2012q0-1.275.438-2.45t1.287-2.125q.5-.575.813-1.075t.462-1l.575-1.925q.2-.65.738-1.037T8.5%202h3q.65%200%201.188.388t.737%201.037L14%205.35q.15.5.463%201.013t.812%201.062q.85.925%201.288%202.1T17%2012q0%201.275-.437%202.45t-1.288%202.125q-.5.575-.812%201.075t-.463%201l-.575%201.925q-.2.65-.737%201.038T11.5%2022zm10.788-10.288Q19%2011.425%2019%2011V4q0-.425.288-.712T20%203t.713.288T21%204v7q0%20.425-.288.713T20%2012t-.712-.288M8.5%204h3zm0%2016h3zM8.1%205.25q.5-.125.963-.2T10%204.975t.938.075t.962.2L11.5%204h-3zM8.5%2020h3l.4-1.25q-.5.125-.962.188T10%2019t-.937-.062t-.963-.188z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/watch-button-press-outline-rounded.svg?color=%231a73e8&size=48
