أيقونة Sun Cloud

game-icons:sun-cloud

أيقونة Sun Cloud (game-icons:sun-cloud) أيقونة 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
الوسوم: suncloud

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M383.215 71.94a96 96 0 0 0-96 96a96 96 0 0 0 8.484 39.17q3.739-.163 7.503-.17h.011c34.226.002 65.356 9.18 88.478 24.636c10.776 7.204 19.885 15.916 26.54 25.738a96 96 0 0 0 60.982-89.373a96 96 0 0 0-96-96zM154.662 179.845c-47.352.003-85.174 36.46-85.178 81.19v.007a77.7 77.7 0 0 0 3.162 21.86l2.788 9.477l-9.698 1.894c-13.05 2.55-23.76 7.818-30.85 14.125c-7.087 6.303-10.49 13.255-10.5 20.293v.003c.002 8.806 5.325 17.41 15.807 24.398s25.778 11.695 42.832 11.697c8.47-.017 16.842-1.206 24.483-3.443l4.605-1.35l3.686 3.072c17.088 14.243 49.872 24.26 85.2 24.27c14.3-.024 28.434-1.62 41.37-4.64l7.33-1.714l2.982 6.91c8.13 18.84 35.242 34.145 67.123 34.17c20.066-.003 38.075-5.86 50.593-14.742c12.492-8.862 19.286-20.168 19.317-32.172q-.018-.502-.05-1.007l-.7-10.11l10.12.495c3.337.164 6.696.252 10.06.26c23.21-.002 44.206-3.737 58.597-9.3c7.198-2.783 12.702-6.056 15.924-9c3.216-2.94 3.942-4.99 3.945-6.514c-.004-1.374-.584-3.16-3.215-5.794c-2.637-2.64-7.215-5.67-13.352-8.352c-12.275-5.363-30.592-9.408-51.623-10.412l-10.803-.516l2.47-10.53a44.5 44.5 0 0 0 1.18-9.555c-.023-18.135-10.99-35.177-30.578-48.27c-19.606-13.107-47.5-21.598-78.475-21.6c-20.483.028-40.557 3.834-57.793 10.85l-8.252 3.36l-3.443-8.216c-12.866-30.71-44.097-51.07-79.06-51.09h-.005z"/></svg>

كيفية استخدام أيقونة Sun Cloud

React

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

<Icon icon="game-icons:sun-cloud" width="24" />

Vue

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

<template>
  <Icon icon="game-icons:sun-cloud" width="24" />
</template>

Svelte

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

<Icon icon="game-icons:sun-cloud" width="24" />

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="game-icons:sun-cloud"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/game-icons/sun-cloud.svg" alt="أيقونة Sun Cloud" width="24" height="24">

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

أيقونة Sun Cloud في مجموعات أخرى

الأسئلة الشائعة حول أيقونة Sun Cloud

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

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

كيف أستخدم أيقونة Sun Cloud في React؟

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

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

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

تصفح كل Game Icons →