Иконка Watch Round Bold Duotone

solar:watch-round-bold-duotone

Иконка Watch Round Bold Duotone (solar:watch-round-bold-duotone) — бесплатная SVG-иконка из набора Solar от 480 Design. Она нарисована на сетке 24 × 24. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Solar
Автор: 480 Design
Лицензия: CC-BY-4.0
Размер: 24 × 24
Категория: Время
Теги: watchround, roundbold, boldduotone, watchroundboldduotone

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12 18.9769C15.866 18.9769 19 15.8533 19 12.0002C19 8.14703 15.866 5.02344 12 5.02344C8.13401 5.02344 5 8.14703 5 12.0002C5 15.8533 8.13401 18.9769 12 18.9769Z" opacity=".5"/><path d="M11.2088 2H12.7914C14.3297 2 15.0988 2 15.6472 2.43992C16.1956 2.87983 16.3625 3.63065 16.6962 5.13228L17.0001 6.5L17.1564 7.2817C15.877 5.89351 14.0405 5.02344 12.0001 5.02344C9.95971 5.02344 8.12322 5.89351 6.84375 7.2817L7.00009 6.5L7.30403 5.13228C7.63772 3.63065 7.80457 2.87983 8.35298 2.43992C8.90139 2 9.67052 2 11.2088 2Z"/><path d="M17.1562 16.7188C15.8768 18.1069 14.0403 18.9769 12 18.9769C9.95967 18.9769 8.12322 18.1069 6.84375 16.7188L7 17.5L7.30394 18.8677C7.63763 20.3693 7.80448 21.1202 8.35289 21.5601C8.90129 22 9.67042 22 11.2087 22H12.7913C14.3296 22 15.0987 22 15.6471 21.5601C16.1955 21.1202 16.3624 20.3693 16.6961 18.8677L17 17.5L17.1562 16.7188Z"/><path d="M12.6998 9.1381C12.6998 8.75279 12.3864 8.44043 11.9998 8.44043C11.6132 8.44043 11.2998 8.75279 11.2998 9.1381V12.0004C11.2998 12.1901 11.3774 12.3717 11.5146 12.5033L13.3813 14.2922C13.66 14.5592 14.1031 14.5506 14.3711 14.2728C14.639 13.9951 14.6303 13.5534 14.3516 13.2864L12.6998 11.7033V9.1381Z"/></g></svg>

Как использовать иконку Watch Round Bold Duotone

React

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

<Icon icon="solar:watch-round-bold-duotone" width="24" />

Vue

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

<template>
  <Icon icon="solar:watch-round-bold-duotone" width="24" />
</template>

Svelte

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

<Icon icon="solar:watch-round-bold-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--watch-round-bold-duotone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:watch-round-bold-duotone"></div>

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

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

<iconify-icon icon="solar:watch-round-bold-duotone"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/solar/watch-round-bold-duotone.svg" alt="Иконка Watch Round Bold Duotone" width="24" height="24">

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

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

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

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

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

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

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

Все Иконки Solar →