ICONYZ
Español
Icono Sleep Square de Vesper Icons

Icono Sleep Square

vs:sleep-square

El icono Sleep Square (vs:sleep-square) es un icono SVG gratuito de la colección Vesper Icons de TableCheck. Está dibujado en una cuadrícula de 1536 × 1536. Vesper Icons se publican bajo la Open Font License, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección
Vesper Icons
Autor
TableCheck
Licencia
OFL-1.1
Tamaño
1536 × 1536
Etiquetas
sleepsquare
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1536" height="1536" viewBox="0 0 1536 1536"><path fill="currentColor" d="M288 0Q170 0 85 85T0 288v960q0 118 85 203t203 85h960q118 0 203-85t85-203V288q0-118-85-203T1248 0zm663 928v46q0 10-6.5 16.5T928 997H608q-10 0-16.5-6.5T585 974v-46q0-23 14-40q36-43 107.5-128.5T814 631H608q-10 0-16.5-6.5T585 608v-46q0-10 6.5-16.5T608 539h320q10 0 16.5 6.5T951 562v46q0 23-14 40q-36 43-107.5 128.5T722 905h206q10 0 16.5 6.5T951 928m457 274v46q0 10-6.5 16.5t-16.5 6.5h-320q-10 0-16.5-6.5t-6.5-16.5v-46q0-22 14-40q43-50 124-147.5t91-109.5h-206q-10 0-16.5-6.5T1042 882v-45q0-10 6.5-16.5t16.5-6.5h320q10 0 16.5 6.5t6.5 16.5v45q0 23-14 40q-10 12-91 109.5T1179 1179h206q10 0 16.5 6.5t6.5 16.5M494 654v45q0 10-6.5 16.5T471 722H151q-10 0-16.5-6.5T128 699v-45q0-23 14-40q10-12 91-109.5T357 357H151q-10 0-16.5-6.5T128 334v-46q0-10 6.5-16.5T151 265h320q10 0 16.5 6.5T494 288v46q0 22-14 40q-43 50-124 147.5T265 631h206q10 0 16.5 6.5T494 654"/></svg>

Cómo usar el icono Sleep Square

React

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

<Icon icon="vs:sleep-square" width="24" />

Vue

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

<template>
  <Icon icon="vs:sleep-square" width="24" />
</template>

Svelte

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

<Icon icon="vs:sleep-square" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[vs--sleep-square]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/vs -->
<div class="i-vs:sleep-square"></div>

Web component

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

<iconify-icon icon="vs:sleep-square"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/vs/sleep-square.svg" alt="Icono Sleep Square" width="24" height="24">

Iconos relacionados en Vesper Icons

Icono sleep
sleep

Preguntas frecuentes sobre Icono Sleep Square

¿El icono Sleep Square es gratis para uso comercial?

Sí. Vesper Icons se publican bajo la Open Font License, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Sleep Square en React?

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

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

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

Ver todos los Vesper Icons →