Иконка Watch Square Minimalistic Outline

solar:watch-square-minimalistic-outline

Иконка Watch Square Minimalistic Outline (solar:watch-square-minimalistic-outline) — бесплатная 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, squareminimalistic, minimalisticoutline, watchsquareminimalisticoutline

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M6.25 2C6.25 1.58579 6.58579 1.25 7 1.25H17C17.4142 1.25 17.75 1.58579 17.75 2C17.75 2.41421 17.4142 2.75 17 2.75H7C6.58579 2.75 6.25 2.41421 6.25 2ZM11.9584 4.25H12.0416C13.4108 4.24999 14.4957 4.24998 15.3621 4.33812C16.2497 4.42841 16.9907 4.61739 17.639 5.05052C18.1576 5.39707 18.6029 5.84239 18.9495 6.36104C19.3826 7.00926 19.5716 7.7503 19.6619 8.63794C19.75 9.5043 19.75 10.5892 19.75 11.9584V12.0416C19.75 13.4108 19.75 14.4957 19.6619 15.3621C19.5716 16.2497 19.3826 16.9907 18.9495 17.639C18.6029 18.1576 18.1576 18.6029 17.639 18.9495C16.9907 19.3826 16.2497 19.5716 15.3621 19.6619C14.4957 19.75 13.4108 19.75 12.0416 19.75H11.9584C10.5892 19.75 9.50431 19.75 8.63794 19.6619C7.7503 19.5716 7.00926 19.3826 6.36104 18.9495C5.84239 18.6029 5.39707 18.1576 5.05052 17.639C4.61739 16.9907 4.42841 16.2497 4.33812 15.3621C4.24998 14.4957 4.24999 13.4108 4.25 12.0416V11.9584C4.24999 10.5892 4.24998 9.5043 4.33812 8.63794C4.42841 7.7503 4.61739 7.00926 5.05052 6.36104C5.39707 5.84239 5.84239 5.39707 6.36104 5.05052C7.00926 4.61739 7.7503 4.42841 8.63794 4.33812C9.5043 4.24998 10.5892 4.24999 11.9584 4.25ZM8.78975 5.83041C8.02071 5.90865 7.55507 6.05673 7.1944 6.29772C6.83953 6.53484 6.53484 6.83953 6.29772 7.1944C6.05673 7.55507 5.90865 8.02071 5.83041 8.78975C5.75091 9.57133 5.75 10.5799 5.75 12C5.75 13.4201 5.75091 14.4287 5.83041 15.2102C5.90865 15.9793 6.05673 16.4449 6.29772 16.8056C6.53484 17.1605 6.83953 17.4652 7.1944 17.7023C7.55507 17.9433 8.02071 18.0914 8.78975 18.1696C9.57133 18.2491 10.5799 18.25 12 18.25C13.4201 18.25 14.4287 18.2491 15.2102 18.1696C15.9793 18.0914 16.4449 17.9433 16.8056 17.7023C17.1605 17.4652 17.4652 17.1605 17.7023 16.8056C17.9433 16.4449 18.0914 15.9793 18.1696 15.2102C18.2491 14.4287 18.25 13.4201 18.25 12C18.25 10.5799 18.2491 9.57133 18.1696 8.78975C18.0914 8.02071 17.9433 7.55507 17.7023 7.1944C17.4652 6.83953 17.1605 6.53484 16.8056 6.29772C16.4449 6.05673 15.9793 5.90865 15.2102 5.83041C14.4287 5.75091 13.4201 5.75 12 5.75C10.5799 5.75 9.57133 5.75091 8.78975 5.83041ZM12 8.24998C12.4142 8.24998 12.75 8.58577 12.75 8.99998V11.7576L14.5198 13.4594C14.8184 13.7465 14.8277 14.2212 14.5406 14.5198C14.2535 14.8184 13.7787 14.8277 13.4802 14.5406L11.8638 12.9864C11.5611 12.6954 11.4098 12.5499 11.3299 12.3622C11.25 12.1745 11.25 11.9646 11.25 11.5447V8.99998C11.25 8.58577 11.5858 8.24998 12 8.24998ZM6.25 22C6.25 21.5858 6.58579 21.25 7 21.25H17C17.4142 21.25 17.75 21.5858 17.75 22C17.75 22.4142 17.4142 22.75 17 22.75H7C6.58579 22.75 6.25 22.4142 6.25 22Z" clip-rule="evenodd"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

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

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

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

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

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

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

Все Иконки Solar →