Watchman icon

logos:watchman

The Watchman icon (logos:watchman) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 256 grid. SVG Logos icons are released under the CC0 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: SVG Logos
Author: Gil Barbara
License: CC0-1.0
Size: 256 × 256

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><defs><path id="SVGNVTtUC0X" d="M256 128c0 70.692-57.308 128-128 128S0 198.692 0 128S57.308 0 128 0s128 57.308 128 128"/></defs><mask id="SVGc6EHndOq" fill="#fff"><use href="#SVGNVTtUC0X"/></mask><use fill="#4356e6" href="#SVGNVTtUC0X"/><path fill="#fff" d="M128 172.296c-11.365.293-35.131-7.026-71.484-43.146c31.923-32.31 53.981-43.45 71.016-43.861c11.365-.293 32.033 6.064 71.8 43.86c-31.008 30.927-54.296 42.736-71.332 43.147m86.814-41.733c-.39-.378-1.041-1.04-1.43-1.413c18.29-18.18 31.437-31.542 40.111-40.468a131 131 0 0 0-3.54-9.878c-11.601 11.59-30.94 30.99-43.444 44.105c-32.592-31.384-58.718-46.945-78.409-46.792l-.791.01c-21.119.13-45.97 15.872-77.669 46.45c-.342-.327-28.069-29.484-43.009-45.211A131 131 0 0 0 2.566 88.49c15.67 16.527 40.004 40.974 40.269 41.228c-.586.563-24.106 23.978-39.503 40.148a130 130 0 0 0 4.008 10.42c14.948-15.622 41.555-43.393 42.256-44.066c33.644 31.217 58.995 45.96 77.724 45.96q.398 0 .791-.008c19.619-.475 42.322-12.616 78.535-46.42c.336.324 27.247 28.043 42.395 43.664a130 130 0 0 0 3.682-9.72c-9.338-10.224-22.91-24.64-37.909-39.134" mask="url(#SVGc6EHndOq)"/><path fill="#fff" d="M149.691 114.465v29.513l-21.69 10.785l-21.693-11.396v-29.513l21.692-10.7zm-25.746-19.53l-21.692 10.7a9.17 9.17 0 0 0-5.109 8.22v29.512a9.17 9.17 0 0 0 4.901 8.113l21.692 11.397a9.17 9.17 0 0 0 8.343.092l21.691-10.785a9.16 9.16 0 0 0 5.084-8.206v-29.513a9.16 9.16 0 0 0-4.927-8.126l-21.69-11.312a9.15 9.15 0 0 0-8.293-.093" mask="url(#SVGc6EHndOq)"/></svg>

How to use the Watchman icon

React

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

<Icon icon="logos:watchman" width="24" />

Vue

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

<template>
  <Icon icon="logos:watchman" width="24" />
</template>

Svelte

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

<Icon icon="logos:watchman" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="logos:watchman"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/logos/watchman.svg" alt="Watchman icon" width="24" height="24">

Watchman icon in other icon sets

Watchman icon FAQ

Is the Watchman icon free for commercial use?

Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.

How do I use the Watchman icon in React?

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

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

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

Browse all SVG Logos icons →