Иконка Watch Filled

reicon:watch-filled

Иконка Watch Filled (reicon:watch-filled) — бесплатная SVG-иконка из набора Reicon. Она нарисована на сетке 24 × 24. Reicon icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Reicon
Автор: REICON
Лицензия: MIT
Размер: 24 × 24
Категория: Время
Теги: watchfilled

Скачать SVG

Код SVG

<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.977c3.866 0 7-3.124 7-6.977s-3.134-6.977-7-6.977S5 8.147 5 12s3.134 6.977 7 6.977M12 8.44c.387 0 .7.312.7.698v2.565l1.652 1.583a.696.696 0 0 1 .02.987a.7.7 0 0 1-.99.019l-1.867-1.79A.7.7 0 0 1 11.3 12V9.138c0-.386.313-.698.7-.698" clip-rule="evenodd"/><path d="M9.858 2.074C10.414 2 11.113 2 11.951 2h.098c.838 0 1.537 0 2.093.074c.585.079 1.115.252 1.54.675s.598.951.677 1.535q.035.272.052.59A8.4 8.4 0 0 0 12 3.628a8.4 8.4 0 0 0-4.41 1.246q.015-.318.051-.59c.079-.584.252-1.111.677-1.535s.955-.596 1.54-.675m5.824 19.176c.425-.423.598-.95.677-1.534q.035-.272.052-.59A8.4 8.4 0 0 1 12 20.373a8.4 8.4 0 0 1-4.41-1.245q.015.317.051.589c.079.584.252 1.111.677 1.535s.955.596 1.54.675c.556.074 1.255.074 2.093.074h.098c.838 0 1.537 0 2.093-.074c.585-.079 1.115-.252 1.54-.675"/></g></svg>

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

React

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

<Icon icon="reicon:watch-filled" width="24" />

Vue

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

<template>
  <Icon icon="reicon:watch-filled" width="24" />
</template>

Svelte

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

<Icon icon="reicon:watch-filled" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="reicon:watch-filled"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/reicon/watch-filled.svg" alt="Иконка Watch Filled" width="24" height="24">

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

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

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

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

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

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

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

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

Все Иконки Reicon →