ICONYZ
English
Sleep Square icon from Vesper Icons

Sleep Square icon

vs:sleep-square

The Sleep Square icon (vs:sleep-square) is a free SVG icon from the Vesper Icons set by TableCheck. It is drawn on a 1536 × 1536 grid. Vesper Icons are released under the Open Font License, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set
Vesper Icons
Author
TableCheck
License
OFL-1.1
Size
1536 × 1536
Tags
sleepsquare
Download SVG

SVG code

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

How to use the Sleep Square icon

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>

HTML image

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

Related icons in Vesper Icons

sleep icon
sleep

Sleep Square icon FAQ

Is the Sleep Square icon free for commercial use?

Yes. Vesper Icons are released under the Open Font License, which allows use in personal and commercial projects.

How do I use the Sleep Square icon in React?

Install @iconify/react and render <Icon icon="vs:sleep-square" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Sleep Square icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/vs/sleep-square.svg" alt="Sleep Square icon">, or paste the SVG code inline to style it with CSS.

Browse all Vesper Icons →