Иконка Watchman

file-icons:watchman

Иконка Watchman (file-icons:watchman) — бесплатная SVG-иконка из набора File Icons от John Gardner. Она нарисована на сетке 512 × 512. File Icons выпущены под лицензией ISC, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: File Icons
Автор: John Gardner
Лицензия: ISC
Размер: 512 × 512

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M492.784 351.932c-30.597 75.382-96.33 136.816-187.153 154.837c-127.539 25.304-241.804-47.441-286.108-153.433c17.22-16.146 48.53-49.366 81.291-80.98c48.267 45.898 102.808 90.765 155.494 90.765c52.078 0 107.647-43.654 156.404-91.131c28.291 27.003 57.194 58.094 80.072 79.942m-65.348-93.516c26.656 26.925 51.685 54.184 72.469 73.73c15.015-47.609 16.463-99.514 2.021-148.91c-21.037 19.988-47.184 47.598-74.49 75.18m-214.11-31.403v59.445l37.49 20.073c3.653 1.915 9.009 1.937 12.682.06l35.459-19.3v-59.279l-37.458-18.662c-3.673-1.878-9.03-1.856-12.683.06zm-113.03 17.928c48.155-46.202 103.502-93.23 156.012-93.23c51.962 0 107.4 45.12 156.079 92.77c28.285-28.57 58.943-60.279 82.401-82.169c-10.36-26.451-25.533-51.87-45.904-75.15C322.43-57.356 87.828-14.452 18.324 161.647c16.779 16.098 48.348 50.878 81.973 83.294m155.013-73.237c46.409 0 92.806 39.269 143.107 86.712c-45.56 44.92-92.387 84.712-142.108 84.712c-48.28 0-97.938-42.848-141.994-84.75c43.895-42.203 92.723-86.674 140.995-86.674m9.979 17.65c-6.737-2.079-17.143-1.657-20.12 0c0 0-35.46 17.94-43.974 22.124s-7.24 15.114-7.24 15.114l.138 62.457c0 6.298 1.644 9.558 6.569 13.004l45.272 22.798c6.044 2.619 17.642 2.333 21.537.453l42.978-21.779c5.476-4.144 8.24-7.873 8.375-11.198v-65.553c.066-5.899-3.017-11.342-10.833-15.569zm-179.39 69.573c-32.322-31.601-59.393-61.628-74.785-76.586c-15.81 52.17-14.068 104.035.9 150.651c15.535-14.65 42.188-43.075 73.884-74.065"/></svg>

Как использовать иконку Watchman

React

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

<Icon icon="file-icons:watchman" width="24" />

Vue

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

<template>
  <Icon icon="file-icons:watchman" width="24" />
</template>

Svelte

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

<Icon icon="file-icons:watchman" width="24" />

Tailwind CSS

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

UnoCSS

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

Веб-компонент

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

<iconify-icon icon="file-icons:watchman"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/file-icons/watchman.svg" alt="Иконка Watchman" width="24" height="24">

Иконка Watchman в других наборах

Вопросы и ответы: Иконка Watchman

Можно ли бесплатно использовать иконку Watchman в коммерческих проектах?

Да. File Icons выпущены под лицензией ISC, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Watchman в React?

Установите @iconify/react и выведите <Icon icon="file-icons:watchman" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Watchman на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/file-icons/watchman.svg" alt="Иконка Watchman">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все File Icons →