ICONYZ
Español
Icono Sleeping Square Bold Duotone de Solar

Icono Sleeping Square Bold Duotone

solar:sleeping-square-bold-duotone

El icono Sleeping Square Bold Duotone (solar:sleeping-square-bold-duotone) es un icono SVG gratuito de la colección Solar de 480 Design. Está dibujado en una cuadrícula de 24 × 24. Solar icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección
Solar
Autor
480 Design
Licencia
CC-BY-4.0
Tamaño
24 × 24
Categoría
Caras
Etiquetas
sleepingsquare, squarebold, boldduotone, sleepingsquareboldduotone
Descargar SVG

Código 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>

Cómo usar el icono 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>

Web component

<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>

Imagen HTML

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

Iconos relacionados en Solar

Preguntas frecuentes sobre Icono Sleeping Square Bold Duotone

¿El icono Sleeping Square Bold Duotone es gratis para uso comercial?

Sí. Solar icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor.

¿Cómo uso el icono Sleeping Square Bold Duotone en React?

Instala @iconify/react y renderiza <Icon icon="solar:sleeping-square-bold-duotone" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Sleeping Square Bold Duotone a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/solar/sleeping-square-bold-duotone.svg" alt="Icono Sleeping Square Bold Duotone">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos Solar →