quartz watch icon

quartz-watch from Element Plus by Element Plus · Outline · MIT Free for personal and commercial use.

Name: quartz-watch
Set: Element Plus
Style: Outline
Viewbox: 1024×1024
License: MIT

Use the quartz watch icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M422 602q-10-9-23-8.5t-22.5 10t-9.5 22c0 12.4 3 15.8 9 22.5q13 13 31 8c18-5 19.5-10.8 22.5-22.5s.5-22.1-7.5-31.5m-38-90q0-14-9-23t-23-9c-14 0-17 3-23 9q-9 9-9 23c0 14 3 17 9 23q9 9 23 9c14 0 17-3 23-9q9-9 9-23m6.5-82.5Q408 434 422 422q9-10 8.6-23c-.4-13-3.7-16.2-10-22.5q-9.6-9.5-22-9.5c-12.5 0-15.9 3-22.6 9a30 30 0 0 0-8 31q5 18 22.5 22.5m243 0q17.5-4.5 22-22T648 376q-10-9-22.5-9c-12.5 0-15.7 3.2-22 9.5q-9.5 9.5-10 22.5a32 32 0 0 0 8.5 23a33 33 0 0 0 31.5 7.5M512 640q-14 0-23 9t-9 23c0 14 3 17 9 23q9 9 23 9t23-9t9-23c0-14-3-17-9-23q-9-9-23-9m183-151q-9-9-23-9c-14 0-17 3-23 9q-9 9-9 23c0 14 3 17 9 23q9 9 23 9c14 0 17-3 23-9q9-9 9-23t-9-23"/><path fill="currentColor" d="M832 512q-3-136-93.5-226.5a318 318 0 0 0-66.5-51.2V64H352v170.3a318 318 0 0 0-66.5 51.2Q195 376 192 512q3 136 93.5 226.5a318 318 0 0 0 66.5 51.2V960h320V789.7a318 318 0 0 0 66.5-51.2Q829 648.1 832 512M416 128h192v78.7Q563.3 193 512 192q-51.2 1.2-96 14.7zm192 768H416v-78.7q44.8 13.6 96 14.7q51.3-1.2 96-14.7zm-96-128q-109-3-181-75c-72-72-73-108.3-75-181q3-109 75-181c72-72 108.3-73 181-75q109 3 181 75c72 72 73 108.3 75 181q-3 109-75 181c-72 72-108.3 73-181 75"/><path fill="currentColor" d="M512 320q-14 0-23 9t-9 23c0 14 3 17 9 23q9 9 23 9t23-9t9-23c0-14-3-17-9-23q-9-9-23-9m113 273.5a32 32 0 0 0-23 8.5q-12 14-7.5 31.5C599 651 605 652.7 617 656s22.3.7 31-8q9-9.9 9-22.5c0-12.6-3.2-15.6-9.5-22s-13.8-9.7-22.5-10"/></svg>

React

import type { SVGProps } from "react";

export function EpQuartzWatch(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M422 602q-10-9-23-8.5t-22.5 10t-9.5 22c0 12.4 3 15.8 9 22.5q13 13 31 8c18-5 19.5-10.8 22.5-22.5s.5-22.1-7.5-31.5m-38-90q0-14-9-23t-23-9c-14 0-17 3-23 9q-9 9-9 23c0 14 3 17 9 23q9 9 23 9c14 0 17-3 23-9q9-9 9-23m6.5-82.5Q408 434 422 422q9-10 8.6-23c-.4-13-3.7-16.2-10-22.5q-9.6-9.5-22-9.5c-12.5 0-15.9 3-22.6 9a30 30 0 0 0-8 31q5 18 22.5 22.5m243 0q17.5-4.5 22-22T648 376q-10-9-22.5-9c-12.5 0-15.7 3.2-22 9.5q-9.5 9.5-10 22.5a32 32 0 0 0 8.5 23a33 33 0 0 0 31.5 7.5M512 640q-14 0-23 9t-9 23c0 14 3 17 9 23q9 9 23 9t23-9t9-23c0-14-3-17-9-23q-9-9-23-9m183-151q-9-9-23-9c-14 0-17 3-23 9q-9 9-9 23c0 14 3 17 9 23q9 9 23 9c14 0 17-3 23-9q9-9 9-23t-9-23"/><path fill="currentColor" d="M832 512q-3-136-93.5-226.5a318 318 0 0 0-66.5-51.2V64H352v170.3a318 318 0 0 0-66.5 51.2Q195 376 192 512q3 136 93.5 226.5a318 318 0 0 0 66.5 51.2V960h320V789.7a318 318 0 0 0 66.5-51.2Q829 648.1 832 512M416 128h192v78.7Q563.3 193 512 192q-51.2 1.2-96 14.7zm192 768H416v-78.7q44.8 13.6 96 14.7q51.3-1.2 96-14.7zm-96-128q-109-3-181-75c-72-72-73-108.3-75-181q3-109 75-181c72-72 108.3-73 181-75q109 3 181 75c72 72 73 108.3 75 181q-3 109-75 181c-72 72-108.3 73-181 75"/><path fill="currentColor" d="M512 320q-14 0-23 9t-9 23c0 14 3 17 9 23q9 9 23 9t23-9t9-23c0-14-3-17-9-23q-9-9-23-9m113 273.5a32 32 0 0 0-23 8.5q-12 14-7.5 31.5C599 651 605 652.7 617 656s22.3.7 31-8q9-9.9 9-22.5c0-12.6-3.2-15.6-9.5-22s-13.8-9.7-22.5-10"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M422 602q-10-9-23-8.5t-22.5 10t-9.5 22c0 12.4 3 15.8 9 22.5q13 13 31 8c18-5 19.5-10.8 22.5-22.5s.5-22.1-7.5-31.5m-38-90q0-14-9-23t-23-9c-14 0-17 3-23 9q-9 9-9 23c0 14 3 17 9 23q9 9 23 9c14 0 17-3 23-9q9-9 9-23m6.5-82.5Q408 434 422 422q9-10 8.6-23c-.4-13-3.7-16.2-10-22.5q-9.6-9.5-22-9.5c-12.5 0-15.9 3-22.6 9a30 30 0 0 0-8 31q5 18 22.5 22.5m243 0q17.5-4.5 22-22T648 376q-10-9-22.5-9c-12.5 0-15.7 3.2-22 9.5q-9.5 9.5-10 22.5a32 32 0 0 0 8.5 23a33 33 0 0 0 31.5 7.5M512 640q-14 0-23 9t-9 23c0 14 3 17 9 23q9 9 23 9t23-9t9-23c0-14-3-17-9-23q-9-9-23-9m183-151q-9-9-23-9c-14 0-17 3-23 9q-9 9-9 23c0 14 3 17 9 23q9 9 23 9c14 0 17-3 23-9q9-9 9-23t-9-23"/><path fill="currentColor" d="M832 512q-3-136-93.5-226.5a318 318 0 0 0-66.5-51.2V64H352v170.3a318 318 0 0 0-66.5 51.2Q195 376 192 512q3 136 93.5 226.5a318 318 0 0 0 66.5 51.2V960h320V789.7a318 318 0 0 0 66.5-51.2Q829 648.1 832 512M416 128h192v78.7Q563.3 193 512 192q-51.2 1.2-96 14.7zm192 768H416v-78.7q44.8 13.6 96 14.7q51.3-1.2 96-14.7zm-96-128q-109-3-181-75c-72-72-73-108.3-75-181q3-109 75-181c72-72 108.3-73 181-75q109 3 181 75c72 72 73 108.3 75 181q-3 109-75 181c-72 72-108.3 73-181 75"/><path fill="currentColor" d="M512 320q-14 0-23 9t-9 23c0 14 3 17 9 23q9 9 23 9t23-9t9-23c0-14-3-17-9-23q-9-9-23-9m113 273.5a32 32 0 0 0-23 8.5q-12 14-7.5 31.5C599 651 605 652.7 617 656s22.3.7 31-8q9-9.9 9-22.5c0-12.6-3.2-15.6-9.5-22s-13.8-9.7-22.5-10"/></svg>
</template>

CSS

.icon-quartz-watch {
  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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M422%20602q-10-9-23-8.5t-22.5%2010t-9.5%2022c0%2012.4%203%2015.8%209%2022.5q13%2013%2031%208c18-5%2019.5-10.8%2022.5-22.5s.5-22.1-7.5-31.5m-38-90q0-14-9-23t-23-9c-14%200-17%203-23%209q-9%209-9%2023c0%2014%203%2017%209%2023q9%209%2023%209c14%200%2017-3%2023-9q9-9%209-23m6.5-82.5Q408%20434%20422%20422q9-10%208.6-23c-.4-13-3.7-16.2-10-22.5q-9.6-9.5-22-9.5c-12.5%200-15.9%203-22.6%209a30%2030%200%200%200-8%2031q5%2018%2022.5%2022.5m243%200q17.5-4.5%2022-22T648%20376q-10-9-22.5-9c-12.5%200-15.7%203.2-22%209.5q-9.5%209.5-10%2022.5a32%2032%200%200%200%208.5%2023a33%2033%200%200%200%2031.5%207.5M512%20640q-14%200-23%209t-9%2023c0%2014%203%2017%209%2023q9%209%2023%209t23-9t9-23c0-14-3-17-9-23q-9-9-23-9m183-151q-9-9-23-9c-14%200-17%203-23%209q-9%209-9%2023c0%2014%203%2017%209%2023q9%209%2023%209c14%200%2017-3%2023-9q9-9%209-23t-9-23%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M832%20512q-3-136-93.5-226.5a318%20318%200%200%200-66.5-51.2V64H352v170.3a318%20318%200%200%200-66.5%2051.2Q195%20376%20192%20512q3%20136%2093.5%20226.5a318%20318%200%200%200%2066.5%2051.2V960h320V789.7a318%20318%200%200%200%2066.5-51.2Q829%20648.1%20832%20512M416%20128h192v78.7Q563.3%20193%20512%20192q-51.2%201.2-96%2014.7zm192%20768H416v-78.7q44.8%2013.6%2096%2014.7q51.3-1.2%2096-14.7zm-96-128q-109-3-181-75c-72-72-73-108.3-75-181q3-109%2075-181c72-72%20108.3-73%20181-75q109%203%20181%2075c72%2072%2073%20108.3%2075%20181q-3%20109-75%20181c-72%2072-108.3%2073-181%2075%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M512%20320q-14%200-23%209t-9%2023c0%2014%203%2017%209%2023q9%209%2023%209t23-9t9-23c0-14-3-17-9-23q-9-9-23-9m113%20273.5a32%2032%200%200%200-23%208.5q-12%2014-7.5%2031.5C599%20651%20605%20652.7%20617%20656s22.3.7%2031-8q9-9.9%209-22.5c0-12.6-3.2-15.6-9.5-22s-13.8-9.7-22.5-10%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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M422%20602q-10-9-23-8.5t-22.5%2010t-9.5%2022c0%2012.4%203%2015.8%209%2022.5q13%2013%2031%208c18-5%2019.5-10.8%2022.5-22.5s.5-22.1-7.5-31.5m-38-90q0-14-9-23t-23-9c-14%200-17%203-23%209q-9%209-9%2023c0%2014%203%2017%209%2023q9%209%2023%209c14%200%2017-3%2023-9q9-9%209-23m6.5-82.5Q408%20434%20422%20422q9-10%208.6-23c-.4-13-3.7-16.2-10-22.5q-9.6-9.5-22-9.5c-12.5%200-15.9%203-22.6%209a30%2030%200%200%200-8%2031q5%2018%2022.5%2022.5m243%200q17.5-4.5%2022-22T648%20376q-10-9-22.5-9c-12.5%200-15.7%203.2-22%209.5q-9.5%209.5-10%2022.5a32%2032%200%200%200%208.5%2023a33%2033%200%200%200%2031.5%207.5M512%20640q-14%200-23%209t-9%2023c0%2014%203%2017%209%2023q9%209%2023%209t23-9t9-23c0-14-3-17-9-23q-9-9-23-9m183-151q-9-9-23-9c-14%200-17%203-23%209q-9%209-9%2023c0%2014%203%2017%209%2023q9%209%2023%209c14%200%2017-3%2023-9q9-9%209-23t-9-23%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M832%20512q-3-136-93.5-226.5a318%20318%200%200%200-66.5-51.2V64H352v170.3a318%20318%200%200%200-66.5%2051.2Q195%20376%20192%20512q3%20136%2093.5%20226.5a318%20318%200%200%200%2066.5%2051.2V960h320V789.7a318%20318%200%200%200%2066.5-51.2Q829%20648.1%20832%20512M416%20128h192v78.7Q563.3%20193%20512%20192q-51.2%201.2-96%2014.7zm192%20768H416v-78.7q44.8%2013.6%2096%2014.7q51.3-1.2%2096-14.7zm-96-128q-109-3-181-75c-72-72-73-108.3-75-181q3-109%2075-181c72-72%20108.3-73%20181-75q109%203%20181%2075c72%2072%2073%20108.3%2075%20181q-3%20109-75%20181c-72%2072-108.3%2073-181%2075%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M512%20320q-14%200-23%209t-9%2023c0%2014%203%2017%209%2023q9%209%2023%209t23-9t9-23c0-14-3-17-9-23q-9-9-23-9m113%20273.5a32%2032%200%200%200-23%208.5q-12%2014-7.5%2031.5C599%20651%20605%20652.7%20617%20656s22.3.7%2031-8q9-9.9%209-22.5c0-12.6-3.2-15.6-9.5-22s-13.8-9.7-22.5-10%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ep/quartz-watch.svg?color=%231a73e8&size=48