أيقونة Moon Filled
ant-design:moon-filled
أيقونة Moon Filled (ant-design:moon-filled) أيقونة SVG مجانية من مجموعة Ant Design Icons من تصميم HeskeyBaozi. مرسومة على شبكة 1024 × 1024. تُنشر Ant Design Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Ant Design Icons
- المؤلف
- HeskeyBaozi
- الترخيص
- MIT
- الحجم
- 1024 × 1024
- الوسوم
- moonfilled
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" fill-rule="evenodd" d="M489.493 111.658c30.658-1.792 45.991 36.44 22.59 56.329C457.831 214.095 426 281.423 426 354c0 134.757 109.243 244 244 244c72.577 0 139.905-31.832 186.014-86.084c19.868-23.377 58.064-8.102 56.332 22.53C900.4 745.823 725.141 912 512.5 912C291.31 912 112 732.69 112 511.5c0-211.39 164.287-386.024 374.198-399.649l.206-.013z"/></svg>
كيفية استخدام أيقونة Moon Filled
React
import { Icon } from "@iconify/react";
<Icon icon="ant-design:moon-filled" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ant-design:moon-filled" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ant-design:moon-filled" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ant-design--moon-filled]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ant-design -->
<div class="i-ant-design:moon-filled"></div>
مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ant-design:moon-filled"></iconify-icon>
صورة HTML
<img src="https://iconyz.com/api/public/svg/ant-design/moon-filled.svg" alt="أيقونة Moon Filled" width="24" height="24">
أيقونات ذات صلة في Ant Design Icons
أيقونة Moon Filled في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Moon Filled
هل أيقونة Moon Filled مجانية للاستخدام التجاري؟
نعم. تُنشر Ant Design Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Moon Filled في React؟
ثبّت @iconify/react واعرض <Icon icon="ant-design:moon-filled" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Moon Filled إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/ant-design/moon-filled.svg" alt="أيقونة Moon Filled">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.
تصفح كل Ant Design Icons →
ICONYZ
