أيقونة Sleeping Square Bold Duotone

solar:sleeping-square-bold-duotone

أيقونة Sleeping Square Bold Duotone (solar:sleeping-square-bold-duotone) أيقونة SVG مجانية من مجموعة Solar من تصميم 480 Design. مرسومة على شبكة 24 × 24. تُنشر Solar icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Solar
المؤلف: 480 Design
الترخيص: CC-BY-4.0
الحجم: 24 × 24
الفئة: الوجوه
الوسوم: sleepingsquare، squarebold، boldduotone، sleepingsquareboldduotone

تنزيل SVG

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

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

مكوّن ويب

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

صورة HTML

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

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

الأسئلة الشائعة حول أيقونة Sleeping Square Bold Duotone

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

نعم. تُنشر Solar icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه.

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

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

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

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

تصفح كل أيقونات Solar →