Planet 4 Linear icon

solar:planet-4-linear

The Planet 4 Linear icon (solar:planet-4-linear) 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: planetlinear

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M18 14C18 18.4183 14.4183 22 10 22C5.58172 22 2 18.4183 2 14C2 9.58172 5.58172 6 10 6C14.4183 6 18 9.58172 18 14Z"/><path stroke-linecap="round" d="M3 11.0051C3 11.0051 5.28446 13 8.78446 13C11.1667 13 12.4311 11.8179 13.5 11.5038C15.5089 10.9135 17 11.0051 17 11.0051"/><path stroke-linecap="round" d="M3 16.0051C3 16.0051 4.60066 15.9135 6.75723 16.5038C7.90471 16.8179 9.26205 18 11.8193 18C14.1272 18 15.9427 17.2473 17 16.6667"/><path d="M20.53 4.04469C20.4933 3.95058 20.4491 3.85806 20.3971 3.76791C20.345 3.67776 20.287 3.59319 20.2238 3.51442M20.53 4.04469C20.7717 3.80742 20.8877 3.6178 20.8301 3.51791C20.7724 3.41803 20.5502 3.42367 20.2238 3.51442M20.53 4.04469C20.1929 4.37549 19.6113 4.79892 18.915 5.20092C18.2187 5.60293 17.5612 5.89488 17.1062 6.0214M20.53 4.04469C20.882 4.94909 20.5314 5.99973 19.665 6.49996C18.7986 7.0002 17.7134 6.77846 17.1062 6.0214M20.2238 3.51442C19.6166 2.75737 18.5314 2.53563 17.665 3.03586C16.7986 3.5361 16.448 4.58673 16.8 5.49114M20.2238 3.51442C19.7688 3.64095 19.1113 3.93289 18.415 4.3349C17.7187 4.73691 17.1371 5.16034 16.8 5.49114M17.1062 6.0214C16.7798 6.11215 16.5576 6.1178 16.4999 6.01791C16.4423 5.91803 16.5583 5.72841 16.8 5.49114M17.1062 6.0214C17.043 5.94263 16.985 5.85806 16.933 5.76791C16.8809 5.67776 16.8367 5.58524 16.8 5.49114"/></g></svg>

How to use the Planet 4 Linear icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="solar:planet-4-linear"></iconify-icon>

HTML image

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

Related icons in Solar

Planet 4 Linear icon FAQ

Is the Planet 4 Linear 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 4 Linear icon in React?

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

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

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

Browse all Solar icons →