Иконка Planet 4 Linear

solar:planet-4-linear

Иконка Planet 4 Linear (solar:planet-4-linear) — бесплатная SVG-иконка из набора Solar от 480 Design. Она нарисована на сетке 24 × 24. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Solar
Автор: 480 Design
Лицензия: CC-BY-4.0
Размер: 24 × 24
Категория: Астрономия
Теги: planetlinear

Скачать SVG

Код SVG

<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>

Как использовать иконку Planet 4 Linear

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>

Веб-компонент

<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

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

Вопросы и ответы: Иконка Planet 4 Linear

Можно ли бесплатно использовать иконку Planet 4 Linear в коммерческих проектах?

Да. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

Как использовать иконку Planet 4 Linear в React?

Установите @iconify/react и выведите <Icon icon="solar:planet-4-linear" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Planet 4 Linear на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/solar/planet-4-linear.svg" alt="Иконка Planet 4 Linear">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Solar →