Home/Libraries/Glyphs (Iconify)/planet-moon-outline

Glyphs (Iconify)

PlanetMoonOutline

License: MITCommercial Safe

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 80 80"><g fill="none"><path fill="#818cf8" 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="#818cf8" 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>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. PlanetMoonOutlineIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **MIT** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.

Related Icons in Glyphs (Iconify)

Browse all Glyphs (Iconify) icons →