Иконка Ringed Planet
fluent-emoji-high-contrast:ringed-planet
Иконка Ringed Planet (fluent-emoji-high-contrast:ringed-planet) — бесплатная SVG-иконка из набора Fluent Emoji High Contrast от Microsoft Corporation. Она нарисована на сетке 32 × 32. Fluent Emoji High Contrast icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Fluent Emoji High Contrast
- Автор
- Microsoft Corporation
- Лицензия
- MIT
- Размер
- 32 × 32
- Категория
- Путешествия и места
- Теги
- ringedplanet
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M27.231 4.88c-.453-.527-1.06-.703-1.584-.718c-.496-.015-.99.109-1.425.264c-.875.312-1.86.883-2.811 1.522a33 33 0 0 0-1.279.906a10 10 0 0 0-4.105-.876C10.49 5.978 6 10.468 6 16.005c0 1.47.316 2.866.884 4.123a42 42 0 0 0-1.497 2.163c-.477.755-.924 1.573-1.119 2.35c-.2.801-.194 1.89.737 2.654c.59.484 1.298.504 1.803.435c.523-.07 1.068-.266 1.588-.504c1.023-.469 2.214-1.229 3.432-2.113c1.277.59 2.7.92 4.2.92c5.537 0 10.026-4.49 10.026-10.028a10 10 0 0 0-.852-4.052q.151-.203.296-.403c.836-1.155 1.55-2.308 1.95-3.338c.355-.914.678-2.29-.217-3.333m-3.515 4.688q-.554-.66-1.212-1.218q.178-.124.355-.243c.898-.602 1.67-1.03 2.237-1.233l.066-.023c-.027.11-.07.247-.137.42c-.24.617-.687 1.398-1.309 2.297m-2.62.212c.518.423.983.91 1.382 1.447c-1.471 1.855-3.307 3.843-4.995 5.55c-1.787 1.808-4.152 3.928-6.337 5.601a8 8 0 0 1-1.128-1.05c1.842-1.185 3.851-2.79 6.007-4.988c2.6-2.652 4.222-4.965 5.07-6.56m-13.01 5.05a8.03 8.03 0 0 1 6.693-6.756c-.443.91-1.262 2.17-2.822 3.835a14.1 14.1 0 0 1-3.871 2.92m7.836 9.201a8 8 0 0 1-2.232-.344a69 69 0 0 0 5.643-5.082c1.439-1.456 3.018-3.146 4.412-4.816a8 8 0 0 1 .305 1.947a35.5 35.5 0 0 1-3.455 4.56c-1.207 1.358-2.868 2.62-4.673 3.735m-7.537-1.535q.501.59 1.086 1.096c-.824.56-1.558.995-2.158 1.27q-.26.119-.452.185c.125-.34.362-.794.725-1.367c.236-.375.506-.77.799-1.184"/></svg>Как использовать иконку Ringed Planet
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:ringed-planet" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:ringed-planet" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:ringed-planet" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--ringed-planet]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:ringed-planet"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:ringed-planet"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/ringed-planet.svg" alt="Иконка Ringed Planet" width="24" height="24">Иконка Ringed Planet в других наборах
Вопросы и ответы: Иконка Ringed Planet
Можно ли бесплатно использовать иконку Ringed Planet в коммерческих проектах?
Да. Fluent Emoji High Contrast icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Ringed Planet в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji-high-contrast:ringed-planet" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Ringed Planet на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/ringed-planet.svg" alt="Иконка Ringed Planet">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.