ICONYZ
Bahasa Indonesia
Ikon Sleep Square dari Vesper Icons

Ikon Sleep Square

vs:sleep-square

Ikon Sleep Square (vs:sleep-square) adalah ikon SVG gratis dari set Vesper Icons karya TableCheck. Ikon ini digambar pada grid 1536 × 1536. Vesper Icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon
Vesper Icons
Pembuat
TableCheck
Lisensi
OFL-1.1
Ukuran
1536 × 1536
Tag
sleepsquare
Download SVG

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

Cara memakai ikon 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>

Gambar HTML

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

Ikon terkait di Vesper Icons

Ikon sleep
sleep

FAQ Ikon Sleep Square

Apakah ikon Sleep Square gratis untuk penggunaan komersial?

Ya. Vesper Icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Sleep Square di React?

Pasang @iconify/react lalu render <Icon icon="vs:sleep-square" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Sleep Square ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/vs/sleep-square.svg" alt="Ikon Sleep Square">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Vesper Icons →