Иконка Watch Square Bold

solar:watch-square-bold

Иконка Watch Square Bold (solar:watch-square-bold) — бесплатная 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
Категория: Время
Теги: watchsquare, squarebold, watchsquarebold

Скачать 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.4998 22.0003H11.4998C10.0954 22.0003 9.39313 22.0003 8.88868 21.6633C8.6703 21.5173 8.4828 21.3298 8.33688 21.1115C8.19708 20.9022 8.11526 20.659 8.06738 20.3457C8.23002 20.3709 8.39488 20.3914 8.56186 20.4083C9.46653 20.5004 10.584 20.5003 11.9231 20.5003H12.0765C13.4157 20.5003 14.5331 20.5004 15.4378 20.4083C15.6048 20.3914 15.7696 20.3709 15.9323 20.3457C15.8844 20.659 15.8026 20.9022 15.6628 21.1115C15.5168 21.3298 15.3293 21.5173 15.111 21.6633C14.6065 22.0003 13.9043 22.0003 12.4998 22.0003Z"/><path d="M12.4998 2H11.4998C10.0954 2 9.39313 2 8.88868 2.33706C8.6703 2.48298 8.4828 2.67048 8.33688 2.88886C8.19708 3.09809 8.11526 3.34134 8.06738 3.65461C8.23002 3.62946 8.39488 3.60895 8.56186 3.59197C9.46652 3.49994 10.584 3.49997 11.9231 3.5H12.0765C13.4157 3.49997 14.5331 3.49994 15.4378 3.59197C15.6048 3.60895 15.7696 3.62946 15.9323 3.65461C15.8844 3.34134 15.8026 3.09809 15.6628 2.88886C15.5168 2.67048 15.3293 2.48298 15.111 2.33706C14.6065 2 13.9043 2 12.4998 2Z"/><path fill-rule="evenodd" d="M12 5C14.8089 5 16.2138 4.99971 17.2227 5.67383C17.6593 5.96562 18.0344 6.34068 18.3262 6.77734C19.0003 7.78624 19 9.19108 19 12C19 14.8089 19.0003 16.2138 18.3262 17.2227C18.0344 17.6593 17.6593 18.0344 17.2227 18.3262C16.2138 19.0003 14.8089 19 12 19C9.19108 19 7.78624 19.0003 6.77734 18.3262C6.34068 18.0344 5.96562 17.6593 5.67383 17.2227C4.99971 16.2138 5 14.8089 5 12C5 9.19108 4.99971 7.78624 5.67383 6.77734C5.96562 6.34068 6.34068 5.96562 6.77734 5.67383C7.78624 4.99971 9.19108 5 12 5ZM12 8.25C11.5858 8.25 11.25 8.58579 11.25 9V12.0771C11.2501 12.2811 11.3335 12.4758 11.4805 12.6172L13.4805 14.541C13.7791 14.8278 14.254 14.818 14.541 14.5195C14.8278 14.2209 14.818 13.746 14.5195 13.459L12.75 11.7578V9C12.75 8.58579 12.4142 8.25 12 8.25Z" clip-rule="evenodd"/></g></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

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

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

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

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

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

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

Все Иконки Solar →