Иконка Sleeping Square Bold Duotone

solar:sleeping-square-bold-duotone

Иконка Sleeping Square Bold Duotone (solar:sleeping-square-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
Категория: Лица
Теги: sleepingsquare, squarebold, boldduotone, sleepingsquareboldduotone

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M2.46447 21.5355C3.92893 23 6.28595 23 11 23C15.714 23 18.0711 23 19.5355 21.5355C21 20.0711 21 17.714 21 13C21 8.28595 21 5.92893 19.5355 4.46447C18.0711 3 15.714 3 11 3C6.28595 3 3.92893 3 2.46447 4.46447C1 5.92893 1 8.28595 1 13C1 17.714 1 20.0711 2.46447 21.5355Z" opacity=".5"/><path fill-rule="evenodd" d="M16.375 4.64952C16.0163 4.85663 15.5576 4.73372 15.3505 4.375C15.1434 4.01628 15.2663 3.55759 15.625 3.35048L19.0891 1.35048C19.3518 1.19881 19.68 1.22032 19.9207 1.40499C20.1614 1.58965 20.2671 1.90111 20.1886 2.19412L19.1931 5.90926L21.0891 4.81459C21.4478 4.60748 21.9065 4.73039 22.1136 5.0891C22.3208 5.44782 22.1978 5.90652 21.8391 6.11362L18.375 8.11362C18.1123 8.2653 17.7841 8.24379 17.5435 8.05912C17.3028 7.87445 17.1971 7.563 17.2756 7.26999L18.271 3.55485L16.375 4.64952Z" clip-rule="evenodd"/><path fill-rule="evenodd" d="M12.6729 6.14954C12.3142 5.94244 12.1912 5.48374 12.3984 5.12503C12.6055 4.76631 13.0642 4.6434 13.4229 4.85051L15.1549 5.85051C15.4176 6.00218 15.5631 6.29717 15.5235 6.59792C15.4839 6.89867 15.267 7.14596 14.974 7.22447L13.991 7.48789L14.1549 7.58256C14.5136 7.78966 14.6366 8.24836 14.4294 8.60708C14.2223 8.9658 13.7636 9.0887 13.4049 8.88159L11.6729 7.88159C11.4102 7.72992 11.2647 7.43493 11.3043 7.13418C11.3439 6.83343 11.5607 6.58614 11.8538 6.50763L12.8368 6.24421L12.6729 6.14954Z" clip-rule="evenodd"/><path d="M11 18C11.5523 18 12 17.5523 12 17C12 16.4477 11.5523 16 11 16C10.4477 16 10 16.4477 10 17C10 17.5523 10.4477 18 11 18Z"/><path d="M11.9985 11.4424C12.3064 11.1654 12.7807 11.1905 13.0576 11.4985C13.5225 12.0153 14.0226 12.25 14.5 12.25C14.9775 12.25 15.4775 12.0153 15.9424 11.4985C16.2194 11.1905 16.6936 11.1654 17.0015 11.4424C17.3095 11.7194 17.3346 12.1936 17.0576 12.5015C16.3887 13.2453 15.5098 13.75 14.5 13.75C13.4902 13.75 12.6113 13.2453 11.9424 12.5015C11.6654 12.1936 11.6905 11.7194 11.9985 11.4424Z"/><path d="M6.05764 11.4985C5.78065 11.1905 5.30644 11.1654 4.99847 11.4424C4.69049 11.7194 4.66538 12.1936 4.94237 12.5015C5.61135 13.2453 6.49021 13.75 7.50001 13.75C8.5098 13.75 9.38867 13.2453 10.0576 12.5015C10.3346 12.1936 10.3095 11.7194 10.0015 11.4424C9.69357 11.1654 9.21936 11.1905 8.94237 11.4985C8.47751 12.0153 7.97746 12.25 7.50001 12.25C7.02255 12.25 6.5225 12.0153 6.05764 11.4985Z"/></g></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

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

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

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

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

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

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

Все Иконки Solar →