ICONYZ
Русский
Иконка Planet 32 Regular из набора Fluent UI System Icons

Иконка Planet 32 Regular

fluent:planet-32-regular

Иконка Planet 32 Regular (fluent:planet-32-regular) — бесплатная SVG-иконка из набора Fluent UI System Icons от Microsoft Corporation. Она нарисована на сетке 32 × 32. Fluent UI System Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Fluent UI System Icons
Автор
Microsoft Corporation
Лицензия
MIT
Размер
32 × 32
Теги
planetregular
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M16 6C10.477 6 6 10.477 6 16q0 .259.013.515c-.65.063-1.205.057-1.647-.016a3 3 0 0 1-.359-.081a12.2 12.2 0 0 1 .199-2.643a4.7 4.7 0 0 0-1.346.796c-.768.66-1.014 1.36-.736 2.06c.293.737.916 1.175 1.972 1.348c1.09.18 2.498.041 4.028-.297c2.927-.649 5.952-1.948 7.32-2.535l.316-.135c1.36-.584 4.548-1.954 7.679-2.646c1.623-.36 3.326-.56 4.79-.319c1.499.246 2.878.982 3.514 2.579c.72 1.81-.195 3.364-1.32 4.323c-.925.788-2.158 1.34-3.276 1.502C25.38 24.875 21.055 28 16 28a12 12 0 0 1-10.639-6.443a16 16 0 0 0 2.193-.2A10 10 0 0 0 16 26c5.523 0 10-4.477 10-10q0-.259-.013-.515c.65-.063 1.205-.057 1.647.016q.218.037.359.081Q28 15.79 28 16c0 .756-.07 1.497-.204 2.214c.464-.183.935-.45 1.33-.788c.783-.666 1.03-1.365.756-2.056c-.294-.738-.918-1.175-1.976-1.35c-1.093-.179-2.503-.04-4.035.298c-2.94.65-5.98 1.955-7.341 2.54l-.316.135c-1.364.586-4.54 1.95-7.658 2.641c-1.62.36-3.321.56-4.784.319c-1.497-.246-2.88-.982-3.515-2.578c-.717-1.801.179-3.357 1.3-4.32c.926-.798 2.166-1.352 3.297-1.51C6.623 7.125 10.947 4 16 4a12 12 0 0 1 10.639 6.444c-.734.01-1.473.086-2.193.2A9.99 9.99 0 0 0 16 6"/></svg>

Как использовать иконку Planet 32 Regular

React

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

<Icon icon="fluent:planet-32-regular" width="24" />

Vue

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

<template>
  <Icon icon="fluent:planet-32-regular" width="24" />
</template>

Svelte

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

<Icon icon="fluent:planet-32-regular" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent--planet-32-regular]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent -->
<div class="i-fluent:planet-32-regular"></div>

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

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

<iconify-icon icon="fluent:planet-32-regular"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/fluent/planet-32-regular.svg" alt="Иконка Planet 32 Regular" width="24" height="24">

Похожие иконки в наборе Fluent UI System Icons

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

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

Да. Fluent UI System Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

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

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

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

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

Все Fluent UI System Icons →