Watch icon

emojione:watch

The Watch icon (emojione:watch) is a free SVG icon from the Emoji One (Colored) set by Emoji One. It is drawn on a 64 × 64 grid. Emoji One (Colored) 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: Emoji One (Colored)
Author: Emoji One
License: CC-BY-4.0
Size: 64 × 64
Category: Objects

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#e8e8e8" d="M18 46h26v16H18z"/><path fill="#62727a" d="M24 50h14v3H24zm0 8h14v3H24z"/><path fill="#fff" d="M24 55h14v3H24z"/><path fill="#62727a" d="M39 54h4v2h-4z"/><path fill="#fff" d="M39 52h4v2h-4z"/><path fill="#62727a" d="M39 49h4v2h-4z"/><path fill="#fff" d="M39 47h4v2h-4z"/><path fill="#62727a" d="M39 59h4v2h-4z"/><path fill="#fff" d="M39 57h4v2h-4z"/><path fill="#62727a" d="M19 54h4v2h-4z"/><path fill="#fff" d="M19 52h4v2h-4z"/><path fill="#62727a" d="M19 49h4v2h-4z"/><path fill="#fff" d="M19 47h4v2h-4z"/><path fill="#62727a" d="M19 59h4v2h-4z"/><path fill="#fff" d="M19 57h4v2h-4z"/><path fill="#e8e8e8" d="M18 2h26v16H18z"/><path fill="#62727a" d="M24 6h14v3H24z"/><path fill="#fff" d="M24 3h14v3H24zm0 8h14v3H24z"/><path fill="#62727a" d="M39 10h4v2h-4z"/><path fill="#fff" d="M39 8h4v2h-4z"/><path fill="#62727a" d="M39 5h4v2h-4z"/><path fill="#fff" d="M39 3h4v2h-4z"/><path fill="#62727a" d="M39 15h4v2h-4z"/><path fill="#fff" d="M39 13h4v2h-4z"/><path fill="#62727a" d="M19 10h4v2h-4z"/><path fill="#fff" d="M19 8h4v2h-4z"/><path fill="#62727a" d="M19 5h4v2h-4z"/><path fill="#fff" d="M19 3h4v2h-4z"/><path fill="#62727a" d="M19 15h4v2h-4z"/><path fill="#fff" d="M19 13h4v2h-4z"/><path fill="#e8e8e8" d="M52 28h-3v8h3c.6 0 1-.4 1-1v-6c0-.5-.5-1-1-1"/><g fill="#62727a"><path d="M49 29.5h4v1h-4zm0 2h4v1h-4zm0 2h4v1h-4z"/><circle cx="31" cy="32" r="20"/></g><circle cx="31" cy="32" r="17.1" fill="#3e4347"/><g fill="#e8e8e8"><circle cx="31" cy="32" r="1.9"/><path d="m32 24.3l-.5-1.8v-2.9c0-3.6-1-3.6-1 0v2.9l-.5 1.8v5.8c0 1.5 1.9 1.5 1.9 0z"/><path d="m29.638 32.367l.95-1.645l8.226 4.752l-.95 1.645z"/></g><circle cx="31" cy="32" r="1" fill="#62727a"/><g fill="#fff"><circle cx="31" cy="14.9" r="1"/><circle cx="22.4" cy="17.2" r="1"/><circle cx="16.2" cy="23.4" r="1"/><circle cx="13.9" cy="32" r="1"/><circle cx="16.2" cy="40.6" r="1"/><path d="M21.6 46.4c.3-.5.8-.6 1.3-.3s.6.8.4 1.3c-.3.5-.8.6-1.3.3s-.7-.9-.4-1.3m8.4 2.7c0-.5.4-1 1-1s1 .4 1 1c0 .5-.4 1-1 1c-.5 0-1-.4-1-1"/><circle cx="39.6" cy="46.8" r="1"/><path d="M45.4 41.4c-.5-.3-.6-.8-.3-1.3s.8-.6 1.3-.3s.6.8.3 1.3c-.3.4-.9.6-1.3.3m2.7-8.4c-.5 0-1-.4-1-1s.4-1 1-1c.5 0 1 .4 1 1c0 .5-.4 1-1 1"/><circle cx="45.8" cy="23.4" r="1"/><circle cx="39.6" cy="17.2" r="1"/></g></svg>

How to use the Watch icon

React

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

<Icon icon="emojione:watch" width="24" />

Vue

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

<template>
  <Icon icon="emojione:watch" width="24" />
</template>

Svelte

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

<Icon icon="emojione:watch" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="emojione:watch"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/emojione/watch.svg" alt="Watch icon" width="24" height="24">

Watch icon in other icon sets

Watch icon FAQ

Is the Watch icon free for commercial use?

Yes. Emoji One (Colored) 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 icon in React?

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

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

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

Browse all Emoji One (Colored) icons →