أيقونة Planet Moon Outline

glyphs:planet-moon-outline

أيقونة Planet Moon Outline (glyphs:planet-moon-outline) أيقونة SVG مجانية من مجموعة Glyphs من تصميم Goran Spasojevic. مرسومة على شبكة 80 × 80. تُنشر Glyphs icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Glyphs
المؤلف: Goran Spasojevic
الترخيص: MIT
الحجم: 80 × 80
الوسوم: planetmoon، moonoutline، planetmoonoutline

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="currentColor" fill-opacity=".25" fill-rule="evenodd" d="M65 6a9 9 0 1 0 0 18a9 9 0 0 0 0-18m-5 9a5 5 0 1 1 10 0a5 5 0 0 1-10 0m.512 21.308q.04.115.07.234a27 27 0 0 1 1.231 5.799q.015.095.024.191q.05.552.079 1.104q.004.093.003.185A26.94 26.94 0 0 1 45.31 69.894a26.945 26.945 0 0 1-31.527-41.506a26.944 26.944 0 0 1 46.728 7.92m-16.73-12.506A22.95 22.95 0 0 1 55.19 34.1c-1.822-.353-3.811.292-5.042 1.967l-.484.658q-.241.329-.426.692l-.83-1.349a6.24 6.24 0 0 0-5.28-2.972l-.912-.006l-1.073-1.06a2.6 2.6 0 0 0-3.668 3.686l2.492 2.498a.174.174 0 0 1-.131.297l-.734-.03a1.85 1.85 0 0 1-1.261-.572l-2.406-2.528a2.76 2.76 0 0 0-1.882-.856a4.46 4.46 0 0 0 .796-3.854a3.443 3.443 0 0 0 4.313-5.074l-.407-.582a4.26 4.26 0 0 0-3.813-1.81l-.715.054a5.52 5.52 0 0 0-4.594 3.185l-.052.113l-.199.012a4.22 4.22 0 0 0-2.742 1.237a.23.23 0 0 1-.138.065l-1.548.142l-1.51-1.754l-.01-.01a2 2 0 0 0-.52-.436a22.95 22.95 0 0 1 21.366-2.012M56.198 53.78a23 23 0 0 0 1.725-7.777a2.7 2.7 0 0 1-.857-.85a3.66 3.66 0 0 1 .096-4.082q.158-.224.367-.42l-.016-.083c-.804-.121-1.404-.608-1.783-1.114a4 4 0 0 1-.177-.258l-.441-.698a1.054 1.054 0 0 0-1.74-.062l-.484.658a1 1 0 0 0-.152.31l-.58 1.998a2.63 2.63 0 0 1-4.767.644l-2.387-3.883a2.24 2.24 0 0 0-1.13-.928a4.173 4.173 0 0 1-4.01 5.276a5.09 5.09 0 0 1-.923 5.817l-.987 1.011a3.6 3.6 0 0 0-1.023 2.47a3.029 3.029 0 0 1 5.257 2.145l-.047 1.472c-.02.64-.2 1.266-.521 1.82l-.197.34a3.192 3.192 0 0 1-4.678.949a9.17 9.17 0 0 1-2.36 4.567l-1.183 1.24a5.287 5.287 0 0 1-8.109-.545a5.3 5.3 0 0 1-1.009-2.947l-.116-3.697a1.14 1.14 0 0 0-.43-.855a5.14 5.14 0 0 1-1.95-3.936l-.03-1.674a1.953 1.953 0 0 0-1.93-1.918a5.95 5.95 0 0 1-4.145-1.753l-1.018-1.022a9.5 9.5 0 0 1-2.256-3.634A22.944 22.944 0 0 0 56.198 53.78M29.883 36.245l-1.453-.05a2.74 2.74 0 0 1-2.8.589l-3.406-1.212a2.94 2.94 0 0 1-1.65-1.464l-2.47.083a2.7 2.7 0 0 1-.746-.08l-1.134 1.454c-.118.15-.191.332-.211.522l-.28 2.638a5.48 5.48 0 0 0 1.566 4.449l1.017 1.022c.36.362.849.569 1.36.575a5.953 5.953 0 0 1 5.879 5.846l.03 1.674c.006.34.164.66.43.87a5.14 5.14 0 0 1 1.949 3.867l.117 3.697a1.294 1.294 0 0 0 1.264 1.258c.361.008.71-.137.96-.4l1.181-1.24a5.17 5.17 0 0 0 1.427-3.548l.016-4.966a7.6 7.6 0 0 1 2.16-5.283l.987-1.011a1.097 1.097 0 0 0 .004-1.53l-4.636-4.791a2.77 2.77 0 0 1-.54-3.053a4.5 4.5 0 0 1-1.021.084m-.342-5.707l-.419.025a.23.23 0 0 0-.145.066a4.22 4.22 0 0 1-2.61 1.226l-1.547.142a4 4 0 0 1-.605.01l-.043.013l2.013.716a2.74 2.74 0 0 1 1.754-.56l2.08.07a.458.458 0 0 0 .358-.76zm-9.833-.403a2.45 2.45 0 0 1 .852-.477l.366.435z" clip-rule="evenodd"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M30.357 32.114a.46.46 0 0 1-.339.133l-2.079-.07a2.74 2.74 0 0 0-1.754.559l-2.013-.716l.043-.013q.3.018.605-.01l1.547-.142a4.22 4.22 0 0 0 2.61-1.227a.23.23 0 0 1 .145-.065l.419-.025l.836.948a.46.46 0 0 1-.02.628m0 0l1.408 1.42M65 10a5 5 0 1 0 0 10a5 5 0 0 0 0-10m-9 5a9 9 0 1 1 18 0a9 9 0 0 1-18 0m-.81 19.1a22.946 22.946 0 0 0-32.775-8.286c.192.112.369.258.52.436l.01.01l1.51 1.754l1.548-.142a.23.23 0 0 0 .138-.065a4.22 4.22 0 0 1 2.742-1.237l.199-.012l.052-.113a5.52 5.52 0 0 1 4.593-3.185l.716-.054a4.26 4.26 0 0 1 3.813 1.81l.407.582a3.442 3.442 0 0 1-4.313 5.074a4.46 4.46 0 0 1-.796 3.854c.694.03 1.373.322 1.882.856l2.406 2.528c.33.347.782.552 1.26.572l.735.03a.174.174 0 0 0 .13-.297l-2.49-2.498a2.6 2.6 0 0 1 3.667-3.685l1.073 1.06l.913.005a6.24 6.24 0 0 1 5.28 2.972l.829 1.349q.184-.363.426-.692l.484-.658c1.231-1.675 3.22-2.32 5.042-1.967m5.393 2.442a4 4 0 0 0-.071-.234q-.279-.822-.613-1.628a26.945 26.945 0 0 0-49.793.009a26.945 26.945 0 1 0 51.813 9.13q0-.092-.003-.185a27 27 0 0 0-.079-1.104a3 3 0 0 0-.024-.191a27 27 0 0 0-1.23-5.8m-2.66 9.462a22.945 22.945 0 1 1-45.715-3.642a9.5 9.5 0 0 0 2.255 3.634l1.018 1.022a5.95 5.95 0 0 0 4.146 1.753a1.953 1.953 0 0 1 1.928 1.918l.03 1.674a5.14 5.14 0 0 0 1.95 3.936c.263.208.42.52.43.855l.117 3.697a5.294 5.294 0 0 0 5.175 5.13a5.3 5.3 0 0 0 3.944-1.638l1.181-1.24a9.17 9.17 0 0 0 2.36-4.567a3.192 3.192 0 0 0 4.678-.949l.198-.34c.322-.554.501-1.18.521-1.82l.047-1.472a3.028 3.028 0 0 0-5.257-2.144a3.6 3.6 0 0 1 1.023-2.47l.987-1.012a5.1 5.1 0 0 0 .923-5.817a4.174 4.174 0 0 0 4.01-5.276c.463.172.864.495 1.13.928l2.387 3.883a2.63 2.63 0 0 0 4.767-.644l.58-1.999a1 1 0 0 1 .152-.309l.484-.658a1.054 1.054 0 0 1 1.74.062l.44.698q.084.133.178.258c.379.506.979.993 1.783 1.114l.016.084q-.21.194-.367.42a3.66 3.66 0 0 0-.096 4.08c.231.363.526.646.857.85M28.43 36.195l1.453.05q.52.017 1.022-.084c-.44.99-.282 2.205.539 3.053l4.636 4.79a1.097 1.097 0 0 1-.004 1.53l-.987 1.012a7.6 7.6 0 0 0-2.16 5.283l-.016 4.966a5.17 5.17 0 0 1-1.427 3.549l-1.181 1.24a1.287 1.287 0 0 1-1.976-.135a1.3 1.3 0 0 1-.248-.724l-.117-3.697a5.14 5.14 0 0 0-1.948-3.867a1.14 1.14 0 0 1-.431-.87l-.03-1.674a5.953 5.953 0 0 0-5.879-5.846c-.511-.006-1-.213-1.36-.575l-1.017-1.022a5.48 5.48 0 0 1-1.567-4.449l.28-2.638c.02-.19.094-.371.212-.522l1.134-1.455q.362.094.745.081l2.47-.083a2.94 2.94 0 0 0 1.65 1.464l3.408 1.212a2.74 2.74 0 0 0 2.799-.589m-7.87-6.536a2.45 2.45 0 0 0-.852.476l1.218-.042z"/></g></svg>

كيفية استخدام أيقونة Planet Moon Outline

React

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

<Icon icon="glyphs:planet-moon-outline" width="24" />

Vue

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

<template>
  <Icon icon="glyphs:planet-moon-outline" width="24" />
</template>

Svelte

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

<Icon icon="glyphs:planet-moon-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--planet-moon-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:planet-moon-outline"></div>

مكوّن ويب

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

<iconify-icon icon="glyphs:planet-moon-outline"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/glyphs/planet-moon-outline.svg" alt="أيقونة Planet Moon Outline" width="24" height="24">

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

الأسئلة الشائعة حول أيقونة Planet Moon Outline

هل أيقونة Planet Moon Outline مجانية للاستخدام التجاري؟

نعم. تُنشر Glyphs icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

كيف أستخدم أيقونة Planet Moon Outline في React؟

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

كيف أضيف أيقونة Planet Moon Outline إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/glyphs/planet-moon-outline.svg" alt="أيقونة Planet Moon Outline">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل أيقونات Glyphs →