ICONYZ
العربية
أيقونة Sleep Square من Vesper Icons

أيقونة Sleep Square

vs:sleep-square

أيقونة Sleep Square (vs:sleep-square) أيقونة SVG مجانية من مجموعة Vesper Icons من تصميم TableCheck. مرسومة على شبكة 1536 × 1536. تُنشر Vesper Icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Vesper Icons
المؤلف
TableCheck
الترخيص
OFL-1.1
الحجم
1536 × 1536
الوسوم
sleepsquare
تنزيل SVG

شيفرة 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>

كيفية استخدام أيقونة 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>

مكوّن ويب

<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

<img src="https://iconyz.com/api/public/svg/vs/sleep-square.svg" alt="أيقونة Sleep Square" width="24" height="24">

أيقونات ذات صلة في Vesper Icons

أيقونة sleep
sleep

الأسئلة الشائعة حول أيقونة Sleep Square

هل أيقونة Sleep Square مجانية للاستخدام التجاري؟

نعم. تُنشر Vesper Icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

كيف أستخدم أيقونة Sleep Square في React؟

ثبّت @iconify/react واعرض <Icon icon="vs:sleep-square" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.

كيف أضيف أيقونة Sleep Square إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/vs/sleep-square.svg" alt="أيقونة Sleep Square">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل Vesper Icons →