Planet Outline icon

solar:planet-outline

The Planet Outline icon (solar:planet-outline) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Solar
Author: 480 Design
License: CC-BY-4.0
Size: 24 × 24
Category: Astronomy
Tags: planetoutline

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12 4.75C7.99592 4.75 4.74999 7.99594 4.74999 12C4.74999 13.9048 5.48455 15.638 6.68585 16.9318C8.62786 16.4835 11.0216 15.5733 13.4782 14.2645C15.7717 13.0425 17.7079 11.6928 19.0825 10.4435C18.3702 7.18746 15.4698 4.75 12 4.75ZM19.2446 12.281C17.8627 13.4073 16.1329 14.5497 14.1835 15.5883C12.0622 16.7185 9.95852 17.5778 8.10042 18.113C9.2264 18.8328 10.5645 19.25 12 19.25C15.91 19.25 19.097 16.1548 19.2446 12.281ZM6.21026 18.5608C7.75299 19.9232 9.77993 20.75 12 20.75C16.8325 20.75 20.75 16.8325 20.75 12C20.75 11.6555 20.7301 11.3157 20.6913 10.9815C20.7214 10.9514 20.7512 10.9213 20.7806 10.8912C21.5345 10.1218 22.1234 9.35069 22.4527 8.62308C22.7767 7.90704 22.9112 7.07876 22.4649 6.36547C22.0451 5.69445 21.2797 5.40413 20.5094 5.30068C19.7379 5.19707 18.8066 5.25684 17.7897 5.43925C16.247 4.07679 14.22 3.25 12 3.25C7.16749 3.25 3.24999 7.16751 3.24999 12C3.24999 12.3445 3.26989 12.6843 3.30862 13.0185C2.54952 13.78 1.9542 14.5396 1.60462 15.2551C1.23859 16.0043 1.06423 16.882 1.53503 17.6345C1.96779 18.3262 2.76731 18.614 3.56745 18.709C4.32123 18.7986 5.22388 18.7377 6.21026 18.5608ZM4.97527 17.2178C4.43415 16.4905 4.00332 15.6762 3.70752 14.7999C3.36447 15.2104 3.11279 15.5852 2.95236 15.9136C2.67513 16.481 2.74418 16.7391 2.80665 16.8389C2.87948 16.9553 3.1117 17.1443 3.74441 17.2195C4.08653 17.2602 4.49917 17.2608 4.97527 17.2178ZM19.0247 6.78221C19.5275 6.73681 19.9584 6.74015 20.3097 6.78733C20.9042 6.86717 21.1231 7.04883 21.1933 7.16107C21.2526 7.25588 21.3187 7.49052 21.0861 8.00469C20.9301 8.34948 20.6665 8.75251 20.2924 9.20014C19.9967 8.32375 19.5658 7.50953 19.0247 6.78221Z" clip-rule="evenodd"/></svg>

How to use the Planet Outline icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="solar:planet-outline"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/solar/planet-outline.svg" alt="Planet Outline icon" width="24" height="24">

Related icons in Solar

Planet Outline icon in other icon sets

Planet Outline icon FAQ

Is the Planet Outline icon free for commercial use?

Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Planet Outline icon in React?

Install @iconify/react and render <Icon icon="solar:planet-outline" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Planet Outline icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/planet-outline.svg" alt="Planet Outline icon">, or paste the SVG code inline to style it with CSS.

Browse all Solar icons →