Иконка Planets Background
token-branded:planets-background
Иконка Planets Background (token-branded:planets-background) — бесплатная SVG-иконка из набора Web3 Icons Branded от 0xa3k5. Она нарисована на сетке 24 × 24. Web3 Icons Branded icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Web3 Icons Branded
- Автор
- 0xa3k5
- Лицензия
- MIT
- Размер
- 24 × 24
- Теги
- planetsbackground, planet
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGHcSWxdhd)"><path fill="#0447af" d="M24 0H0v24h24z"/><path fill="#fff" fill-rule="evenodd" d="M11.855 7.429c-3.352 0-6.183 2.205-7.554 3.771a1.18 1.18 0 0 0-.091 1.46a9.45 9.45 0 0 0 7.645 3.912c3.962 0 6.717-2.377 7.95-4.012a.964.964 0 0 0-.072-1.245c-1.462-1.574-4.45-3.886-7.878-3.886m.02.762c-3.422 0-6.222 2.48-7.113 3.725c.476.934 1.897 2.553 4.152 3.376c-1.363-1.227-1.428-3.143-1.28-3.974l.74-.495a5 5 0 0 0 .17 2.96c.332.914 1.288 1.562 2.13 1.943a8 8 0 0 0 1.2.084c3.981 0 6.564-2.59 7.364-3.886c-.628-.762-1.962-1.985-3.684-2.823c1.056 1.22 1.097 2.892.964 3.65l-.739.495a5 5 0 0 0-.171-2.96c-.317-.872-1.204-1.501-2.02-1.893a7.6 7.6 0 0 0-1.714-.202" clip-rule="evenodd"/><path fill="#fff" d="M16.74 11.111c.418.305.754.602.974.838c-.624.88-2.659 2.648-5.79 2.648a7.6 7.6 0 0 1-2.77-.51c.275.365.576.685.838.937a8.5 8.5 0 0 0 1.917.213c3.192 0 5.41-1.676 6.411-2.83a.644.644 0 0 0-.053-.896a11 11 0 0 0-1.722-1.31c.099.308.16.636.19.91zm-2.63-2.019a7.7 7.7 0 0 0-2.201-.331c-2.8 0-5.15 1.672-6.21 2.785a.62.62 0 0 0-.053.8a7 7 0 0 0 1.965 1.722a17 17 0 0 1-.327-1.079c-.457-.38-.777-.762-.945-1.047c.701-.85 2.9-2.541 5.589-2.541c1.18 0 2.285.327 3.226.77a4.9 4.9 0 0 0-1.043-1.079"/><path fill="#fff" d="M12.38 11.237q.076 0 .146-.03c.137.22.22.483.22.788c0 .213-.034.408-.091.583a1.8 1.8 0 0 1-1.025.179a2.2 2.2 0 0 1-.465-.343a.38.38 0 0 0-.06-.514c.197-.393.526-.704.93-.88a.38.38 0 0 0 .346.217m.568.762q0 .347-.114.674c.065.065.11.152.114.248a2.5 2.5 0 0 0 .91-.518a1.91 1.91 0 0 0-.449-1.688c-.19.011-.419.038-.651.08a.38.38 0 0 1-.076.29c.164.251.266.556.266.914m.267-1.47a5 5 0 0 0-.522.075l-.023.004a.38.38 0 0 0-.503-.068a2.8 2.8 0 0 0-.697-.37a1.9 1.9 0 0 1 1.741.358zm-2.042-.248a2 2 0 0 0-.514.365a2 2 0 0 0 .106 1.174a.4.4 0 0 1 .16-.004c.225-.453.607-.81 1.075-1.002a.4.4 0 0 1 .034-.122a2.7 2.7 0 0 0-.865-.411zm-.754.655c-.015.293.023.64.171.983a.382.382 0 0 0 .077.602c-.058.259-.092.51-.1.731a1.9 1.9 0 0 1-.148-2.316m.343 2.514c.21.176.457.309.731.385a2.6 2.6 0 0 0 .8-.625l-.026-.034a2 2 0 0 1-.736-.244a2.4 2.4 0 0 1-.522-.392a.4.4 0 0 1-.148.03c-.076.32-.103.636-.1.877zm1.036.442a1.91 1.91 0 0 0 1.954-1.143a2.6 2.6 0 0 1-.85.393a.38.38 0 0 1-.437.175a2.8 2.8 0 0 1-.667.575"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Как использовать иконку Planets Background
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:planets-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:planets-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:planets-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--planets-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:planets-background"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:planets-background"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/token-branded/planets-background.svg" alt="Иконка Planets Background" width="24" height="24">Похожие иконки в наборе Web3 Icons Branded
Вопросы и ответы: Иконка Planets Background
Можно ли бесплатно использовать иконку Planets Background в коммерческих проектах?
Да. Web3 Icons Branded icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Planets Background в React?
Установите @iconify/react и выведите <Icon icon="token-branded:planets-background" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Planets Background на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/token-branded/planets-background.svg" alt="Иконка Planets Background">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.