Иконка Per Background
token-branded:per-background
Иконка Per Background (token-branded:per-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
- Теги
- perbackground
Код 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="#fff" d="M24 0H0v24h24z"/><path fill="url(#SVGRCAax3mn)" d="M12 18.629a7.314 7.314 0 1 0 0-14.63a7.314 7.314 0 0 0 0 14.63"/><path fill="url(#SVGEY4Nse1V)" d="m4.736 10.445l-.023.256c1.088-.928 3.812-2.587 6.761-2.587c2.39 0 3.762 1.371 4.146 2.075l-.384 3.027l-4.292 2.368l-.316.242v-5.472a.862.862 0 1 0-1.723 0v7.588a7 7 0 0 0 1.723.549v-1.509c2.222-.292 5.943-1.622 5.943-5.289c0-1.394-1.033-2.903-1.582-3.479l-2.88-.836l-3.24.49l-2.497 1.284z"/><path fill="url(#SVGZTGJ8bCR)" d="m4.75 10.268l-.028.228c1.577-1.5 4.508-2.615 6.66-2.615c2.218 0 3.818 1.326 3.818 2.953c0 2.387-3.525 3.52-5.029 3.735V10.4a.914.914 0 1 0-1.828 0v8.686a.914.914 0 1 0 1.828 0v-2.752c5.76-1.362 6.4-4.38 6.4-5.298c0-.915-.68-3.836-4.9-3.836c-3.054 0-5.692 1.865-6.921 3.068"/></g><defs><linearGradient id="SVGRCAax3mn" x1="17.627" x2="4.816" y1="7.19" y2="14.361" gradientUnits="userSpaceOnUse"><stop stop-color="#fd2307"/><stop offset="1" stop-color="#fdb106"/></linearGradient><linearGradient id="SVGEY4Nse1V" x1="16.9" x2="9.895" y1="4.796" y2="18.852" gradientUnits="userSpaceOnUse"><stop stop-color="#e67f5e"/><stop offset="1" stop-color="#fcc252"/></linearGradient><linearGradient id="SVGZTGJ8bCR" x1="10.03" x2="8.996" y1="17.289" y2="19.767" gradientUnits="userSpaceOnUse"><stop stop-color="#fefefc"/><stop offset="1" stop-color="#ffc125"/></linearGradient><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Как использовать иконку Per Background
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:per-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:per-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:per-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--per-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:per-background"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:per-background"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/token-branded/per-background.svg" alt="Иконка Per Background" width="24" height="24">Похожие иконки в наборе Web3 Icons Branded
Вопросы и ответы: Иконка Per Background
Можно ли бесплатно использовать иконку Per Background в коммерческих проектах?
Да. Web3 Icons Branded icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Per Background в React?
Установите @iconify/react и выведите <Icon icon="token-branded:per-background" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Per Background на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/token-branded/per-background.svg" alt="Иконка Per Background">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.