أيقونة Cloud Moon
fa7-solid:cloud-moon
أيقونة Cloud Moon (fa7-solid:cloud-moon) أيقونة SVG مجانية من مجموعة Font Awesome Solid من تصميم Dave Gandy. مرسومة على شبكة 640 × 640. تُنشر Font Awesome Solid icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Font Awesome Solid
- المؤلف
- Dave Gandy
- الترخيص
- CC-BY-4.0
- الحجم
- 640 × 640
- الفئة
- الهالوين، الطقس
- الوسوم
- cloudmoon
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="640" viewBox="0 0 640 640"><path fill="currentColor" d="M480 64c14.6 0 28.8 1.6 42.5 4.7c7.4 1.7 13 7.8 13.9 15.4s-3 14.9-9.8 18.3C481.2 125 450 171.9 450 226c0 76.2 61.8 138 138 138c3.7 0 7.4-.1 11.1-.4c7.6-.6 14.7 3.6 17.8 10.6s1.5 15.1-3.9 20.4c-26 25-59.1 42.7-95.9 49.9c-11.1-25.3-30.2-46.3-54.1-59.8c-7.6-63.4-61.6-112.6-127.1-112.6c-11.2 0-22.1 1.5-32.5 4.2c-4.8-4.2-9.9-8.2-15.2-11.8c-.1-2.8-.2-5.6-.2-8.4c0-106 86-192 192-192zm-.1 431.9c0 44.2-35.8 80-80 80H128c-53 0-96-43-96-96c0-47.6 34.6-87 80-94.6c-.4-52.8 42.9-97.3 96-97.3c34.9 0 65.4 18.6 82.2 46.4c13-9.1 28.8-14.4 45.8-14.4c44.2 0 80 35.8 80 80c0 5.9-.6 11.7-1.9 17.2c37.4 6.7 65.8 39.4 65.8 78.7"/></svg>
كيفية استخدام أيقونة Cloud Moon
React
import { Icon } from "@iconify/react";
<Icon icon="fa7-solid:cloud-moon" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fa7-solid:cloud-moon" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fa7-solid:cloud-moon" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fa7-solid--cloud-moon]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fa7-solid -->
<div class="i-fa7-solid:cloud-moon"></div>
مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fa7-solid:cloud-moon"></iconify-icon>
صورة HTML
<img src="https://iconyz.com/api/public/svg/fa7-solid/cloud-moon.svg" alt="أيقونة Cloud Moon" width="24" height="24">
أيقونات ذات صلة في Font Awesome Solid
أيقونة Cloud Moon في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Cloud Moon
هل أيقونة Cloud Moon مجانية للاستخدام التجاري؟
نعم. تُنشر Font Awesome Solid icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه.
كيف أستخدم أيقونة Cloud Moon في React؟
ثبّت @iconify/react واعرض <Icon icon="fa7-solid:cloud-moon" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Cloud Moon إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/fa7-solid/cloud-moon.svg" alt="أيقونة Cloud Moon">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.
تصفح كل أيقونات Font Awesome Solid →
ICONYZ
