أيقونة Moon Outlined
ant-design:moon-outlined
أيقونة Moon Outlined (ant-design:moon-outlined) أيقونة SVG مجانية من مجموعة Ant Design Icons من تصميم HeskeyBaozi. مرسومة على شبكة 1024 × 1024. تُنشر Ant Design Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Ant Design Icons
- المؤلف
- HeskeyBaozi
- الترخيص
- MIT
- الحجم
- 1024 × 1024
- الوسوم
- moonoutlined
شيفرة 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-.013zm-81.143 79.75l-4.112 1.362C271.1 237.943 176 364.092 176 511.5C176 697.344 326.656 848 512.5 848c148.28 0 274.938-96.192 319.453-230.41l.625-1.934l-.11.071c-47.18 29.331-102.126 45.755-159.723 46.26L670 662c-170.104 0-308-137.896-308-308c0-58.595 16.476-114.54 46.273-162.467z"/></svg>كيفية استخدام أيقونة Moon Outlined
React
import { Icon } from "@iconify/react";
<Icon icon="ant-design:moon-outlined" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ant-design:moon-outlined" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ant-design:moon-outlined" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ant-design--moon-outlined]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ant-design -->
<div class="i-ant-design:moon-outlined"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ant-design:moon-outlined"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/ant-design/moon-outlined.svg" alt="أيقونة Moon Outlined" width="24" height="24">أيقونات ذات صلة في Ant Design Icons
الأسئلة الشائعة حول أيقونة Moon Outlined
هل أيقونة Moon Outlined مجانية للاستخدام التجاري؟
نعم. تُنشر Ant Design Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Moon Outlined في React؟
ثبّت @iconify/react واعرض <Icon icon="ant-design:moon-outlined" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Moon Outlined إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/ant-design/moon-outlined.svg" alt="أيقونة Moon Outlined">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.