Иконка Injective Background
token-branded:injective-background
Иконка Injective Background (token-branded:injective-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
- Теги
- injectivebackground
Код 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="#4d3dff" d="M24 0H0v24h24z"/><path fill="#fff" d="m13.68 4l-.048.098c1.664.737 2.608 2.26 2.608 3.93c0 1.802-1.152 3.44-3.392 4.832l-.368.23c-1.68 1.047-2.528 2.226-2.528 3.651c0 1.834 1.408 3.177 3.344 3.177c3.104 0 6.704-3.39 6.704-7.91c0-.737-.096-1.457-.272-2.145l-.112.033c.048.376.064.655.064.917c0 2.67-1.472 4.962-3.936 6.485l-.24.147c-.528.311-.976.492-1.424.492c-.592 0-1.04-.393-1.04-.967c0-.491.32-.982 1.36-1.605l.304-.18c2.304-1.375 3.584-3.308 3.584-5.453c0-2.719-1.984-4.962-4.608-5.732m-3.36 16l.048-.098c-1.664-.737-2.608-2.26-2.608-3.93c0-1.802 1.152-3.44 3.392-4.832l.368-.229c1.68-1.048 2.528-2.227 2.528-3.652c0-1.834-1.408-3.177-3.344-3.177C7.6 4.082 4 7.472 4 11.992c0 .737.096 1.457.272 2.145l.112-.033a7 7 0 0 1-.064-.917c0-2.67 1.472-4.962 3.936-6.485l.24-.147c.528-.311.976-.492 1.424-.492c.592 0 1.04.394 1.04.967c0 .491-.32.982-1.36 1.605l-.304.18c-2.304 1.375-3.584 3.308-3.584 5.453c0 2.719 1.984 4.962 4.608 5.732"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Как использовать иконку Injective Background
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:injective-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:injective-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:injective-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--injective-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:injective-background"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:injective-background"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/token-branded/injective-background.svg" alt="Иконка Injective Background" width="24" height="24">Похожие иконки в наборе Web3 Icons Branded
Вопросы и ответы: Иконка Injective Background
Можно ли бесплатно использовать иконку Injective Background в коммерческих проектах?
Да. Web3 Icons Branded icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Injective Background в React?
Установите @iconify/react и выведите <Icon icon="token-branded:injective-background" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Injective Background на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/token-branded/injective-background.svg" alt="Иконка Injective Background">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.