Watch Round Bold icon

solar:watch-round-bold

The Watch Round Bold icon (solar:watch-round-bold) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Solar
Author: 480 Design
License: CC-BY-4.0
Size: 24 × 24
Category: Time
Tags: watchround, roundbold, watchroundbold

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M12 18.9767C15.866 18.9767 19 15.8531 19 12C19 8.14685 15.866 5.02326 12 5.02326C8.13401 5.02326 5 8.14685 5 12C5 15.8531 8.13401 18.9767 12 18.9767ZM12 8.44007C12.3866 8.44007 12.7 8.75243 12.7 9.13775V11.703L14.3518 13.286C14.6305 13.5531 14.6392 13.9947 14.3713 14.2725C14.1033 14.5502 13.6602 14.5589 13.3815 14.2918L11.5148 12.5029C11.3776 12.3714 11.3 12.1898 11.3 12V9.13775C11.3 8.75243 11.6134 8.44007 12 8.44007Z" clip-rule="evenodd"/><path d="M9.85849 2.07434C10.4136 1.99995 11.1129 1.99997 11.9515 2H12.0485C12.8871 1.99997 13.5864 1.99995 14.1415 2.07434C14.7275 2.15285 15.2565 2.32557 15.6816 2.74926C16.1067 3.17296 16.28 3.70021 16.3587 4.28421C16.3832 4.46531 16.3996 4.66181 16.4107 4.87353C15.1287 4.08373 13.6178 3.62791 12 3.62791C10.3822 3.62791 8.87125 4.08373 7.58934 4.87353C7.60039 4.66181 7.61682 4.46531 7.64125 4.28421C7.72003 3.70021 7.89332 3.17296 8.31843 2.74926C8.74353 2.32557 9.27254 2.15285 9.85849 2.07434Z"/><path d="M15.6816 21.2507C16.1067 20.827 16.28 20.2998 16.3587 19.7158C16.3832 19.5347 16.3996 19.3382 16.4107 19.1265C15.1287 19.9163 13.6178 20.3721 12 20.3721C10.3822 20.3721 8.87125 19.9163 7.58934 19.1265C7.60039 19.3382 7.61682 19.5347 7.64125 19.7158C7.72003 20.2998 7.89332 20.827 8.31843 21.2507C8.74353 21.6744 9.27254 21.8471 9.85849 21.9257C10.4136 22 11.1129 22 11.9515 22H12.0485C12.8871 22 13.5864 22 14.1415 21.9257C14.7275 21.8471 15.2565 21.6744 15.6816 21.2507Z"/></g></svg>

How to use the Watch Round Bold icon

React

import { Icon } from "@iconify/react";

<Icon icon="solar:watch-round-bold" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="solar:watch-round-bold" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="solar:watch-round-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--watch-round-bold]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:watch-round-bold"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="solar:watch-round-bold"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/solar/watch-round-bold.svg" alt="Watch Round Bold icon" width="24" height="24">

Related icons in Solar

Watch Round Bold icon FAQ

Is the Watch Round Bold icon free for commercial use?

Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Watch Round Bold icon in React?

Install @iconify/react and render <Icon icon="solar:watch-round-bold" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Watch Round Bold icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/watch-round-bold.svg" alt="Watch Round Bold icon">, or paste the SVG code inline to style it with CSS.

Browse all Solar icons →