Iwatch icon
icon-park:iwatch
The Iwatch icon (icon-park:iwatch) is a free SVG icon from the IconPark set by ByteDance. It is drawn on a 48 × 48 grid. IconPark icons are released under the Apache 2.0 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
- IconPark
- Author
- ByteDance
- License
- Apache-2.0
- Size
- 48 × 48
- Category
- Time
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-width="4"><path fill="#2F88FF" stroke="#000" stroke-linejoin="round" d="M36 12.0002H10V36.0002H36V12.0002Z"/><path fill="#43CCF8" stroke="#fff" stroke-linejoin="round" d="M27 24.0002C27 21.7911 25.2091 20.0002 23 20.0002C20.7909 20.0002 19 21.7911 19 24.0002C19 26.2094 20.7909 28.0002 23 28.0002C25.2091 28.0002 27 26.2094 27 24.0002Z"/><path stroke="#000" stroke-linecap="round" d="M15 12.0002C15 11.9273 15.0083 11.8545 15.0246 11.7833L16.6321 4.78331C16.7372 4.32578 17.1565 4.00024 17.6409 4.00024H28.3837C28.8681 4.00024 29.2874 4.32578 29.3925 4.78331L31 11.7833"/><path stroke="#000" stroke-linecap="round" d="M15 36.0002C15 36.0732 15.0083 36.1459 15.0246 36.2172L16.6321 43.2172C16.7372 43.6747 17.1565 44.0002 17.6409 44.0002H28.3837C28.8681 44.0002 29.2874 43.6747 29.3925 43.2172L31 36.2172"/><path stroke="#000" stroke-linecap="round" d="M39 16.0002V20.0002"/></g></svg>
How to use the Iwatch icon
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:iwatch" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:iwatch" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:iwatch" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--iwatch]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:iwatch"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:iwatch"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/icon-park/iwatch.svg" alt="Iwatch icon" width="24" height="24">
Related icons in IconPark
Iwatch icon in other icon sets
Iwatch icon FAQ
Is the Iwatch icon free for commercial use?
Yes. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Iwatch icon in React?
Install @iconify/react and render <Icon icon="icon-park:iwatch" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Iwatch icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park/iwatch.svg" alt="Iwatch icon">, or paste the SVG code inline to style it with CSS.
Browse all IconPark icons →
ICONYZ
