Иконка Gofx Background
token-branded:gofx-background
Иконка Gofx Background (token-branded:gofx-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
- Теги
- gofxbackground
Код 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="url(#SVG4xz2vcmD)" d="M24 0H0v24h24z"/><path fill="#fff" d="M14.795 4.075c.62.1 1.055.22 1.315.375c.25.15.525.45.815.9c-.155.13-.29.2-.405.22c-.315.055-.615-.065-.895-.19a.625.625 0 0 0-.81.29c-.1.2-.045.46.125.61c.165.14.42.175.62.235a.42.42 0 0 1 .16.39c-.015.17-.095.33-.24.49l.23.615q-.414.091-1 .055c-.655-.04-1.13-.68-1.7-.97A5 5 0 0 0 12 7c-3 0-5 2.34-5 5c0 2.63 2.25 5 5.04 5c2.21 0 3.625-1.075 4.46-2.5h-1.55c-.775 0-1.46-.4-1.675-1.125l-.26-.935a.3.3 0 0 1-.015-.095a.35.35 0 0 1 .35-.345h5.7c.47 0 .88.35.935.805L20 13c.015.82-.425 1.96-.845 2.75A8.05 8.05 0 0 1 12.04 20A8.04 8.04 0 0 1 4 12c0-4.16 3.235-7.515 7.35-7.86c.55-.08 1.1-.145 1.65-.14c.49 0 1.085.03 1.795.075M17.15 5.63q.338.262.435.435q.09.166.18.565l.01.05l1.52 1.34c.085.075.145.17.165.28l.005.03l.015.1a.1.1 0 0 1-.055.1l-.015.005l-.08.03l-.075-.01c-1.54-.2-2.48-.375-2.82-.515q-.45-.187-.195-.855c.09-.22 0-.41-.08-.61c-.08-.19-.265-.325-.405-.465c-.165-.03-.31 0-.47-.06a.2.2 0 0 1-.06-.045c-.1-.1-.03-.265.09-.32c.2-.1.465.05.63.155c.325.065.565.08.72.055c.15-.025.315-.115.485-.265"/></g><defs><linearGradient id="SVG4xz2vcmD" x1="5.64" x2="16.945" y1="7.715" y2="19.19" gradientUnits="userSpaceOnUse"><stop stop-color="#5250ff"/><stop offset="1" stop-color="#e959ff"/></linearGradient><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Как использовать иконку Gofx Background
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:gofx-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:gofx-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:gofx-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--gofx-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:gofx-background"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:gofx-background"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/token-branded/gofx-background.svg" alt="Иконка Gofx Background" width="24" height="24">Похожие иконки в наборе Web3 Icons Branded
Вопросы и ответы: Иконка Gofx Background
Можно ли бесплатно использовать иконку Gofx Background в коммерческих проектах?
Да. Web3 Icons Branded icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Gofx Background в React?
Установите @iconify/react и выведите <Icon icon="token-branded:gofx-background" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Gofx Background на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/token-branded/gofx-background.svg" alt="Иконка Gofx Background">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.