Quartz Watch icon
ep:quartz-watch
The Quartz Watch icon (ep:quartz-watch) is a free SVG icon from the Element Plus set. It is drawn on a 1024 × 1024 grid. Element Plus icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Element Plus
- Author
- Element Plus
- License
- MIT
- Size
- 1024 × 1024
- Tags
- quartzwatch
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" 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>How to use the Quartz Watch icon
React
import { Icon } from "@iconify/react";
<Icon icon="ep:quartz-watch" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ep:quartz-watch" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ep:quartz-watch" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ep--quartz-watch]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ep -->
<div class="i-ep:quartz-watch"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ep:quartz-watch"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/ep/quartz-watch.svg" alt="Quartz Watch icon" width="24" height="24">Quartz Watch icon FAQ
Is the Quartz Watch icon free for commercial use?
Yes. Element Plus icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Quartz Watch icon in React?
Install @iconify/react and render <Icon icon="ep:quartz-watch" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Quartz Watch icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/ep/quartz-watch.svg" alt="Quartz Watch icon">, or paste the SVG code inline to style it with CSS.