ICONYZ
العربية
أيقونة Night Sleep من Game Icons

أيقونة Night Sleep

game-icons:night-sleep

أيقونة Night Sleep (game-icons:night-sleep) أيقونة SVG مجانية من مجموعة Game Icons من تصميم GameIcons. مرسومة على شبكة 512 × 512. تُنشر Game Icons بموجب ترخيص CC BY 3.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Game Icons
المؤلف
GameIcons
الترخيص
CC-BY-3.0
الحجم
512 × 512
الوسوم
nightsleep
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M294.8 26.57L238 60.37l7.8 13.17L281 52.59L270.8 118l6.3 10.6L336 93.53l-7.8-13.17l-37.3 22.14L301 37.12zM147.1 60.55A224 224 0 0 0 32 256a224 224 0 0 0 224 224a224 224 0 0 0 214.9-161.2A208 208 0 0 1 320 384a208 208 0 0 1-208-208a208 208 0 0 1 35.1-115.45m244.5 52.05l-6.9 16.5l44.1 18.4l-68.3 35.9l-5.5 13.2l73.7 30.8l6.9-16.5l-46.7-19.5l68.3-35.9l5.5-13.2zm-115 64l-97.8 35l8.1 22.7l60.6-21.7l-35.4 97.9l6.5 18.1L320 292.4l-8.1-22.7l-64.2 23l35.4-97.9z"/></svg>

كيفية استخدام أيقونة Night Sleep

React

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

<Icon icon="game-icons:night-sleep" width="24" />

Vue

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

<template>
  <Icon icon="game-icons:night-sleep" width="24" />
</template>

Svelte

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

<Icon icon="game-icons:night-sleep" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--night-sleep]"></span>

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="game-icons:night-sleep"></iconify-icon>

صورة HTML

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

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

أيقونة night-sky
night-sky
 أيقونة night-vision
night-vision

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

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

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

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

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

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

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

تصفح كل Game Icons →