Иконка Xwin Background
token-branded:xwin-background
Иконка Xwin Background (token-branded:xwin-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
- Теги
- xwinbackground
Код 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="#231f20" fill-rule="evenodd" d="M12.95 4.41c-.36.04-.62.42-.75.74a.07.07 0 0 1-.06.04l-.825-.03a.11.11 0 0 1-.085-.04a2 2 0 0 0-1.32-.72a36 36 0 0 0-4.134.1c-.14.005-.283.027-.434.05l-.036.005a1.55 1.55 0 0 0-1.18.95a.9.9 0 0 0-.075.365c-.04.945-.055 1.85-.05 2.7q-.005.427.09.845c.105.41.405.675.765.915c.02.01.03.035.015.06c-.42 1.12-.7 2.38-.65 3.54c.03.704.17 1.399.42 2.069c.635 1.745 2.075 2.8 3.85 3.3q1.68.48 3.749.45c2.695-.04 5.08-1.18 6.694-3.27c.338-.432.617-.906.83-1.41c.075-.185.13-.37.155-.55c.135-1.03.115-2.135-.17-3.14c-.16-.55-.41-1.03-.75-1.43c-.015-.014-.015-.034 0-.044q.496-.426.55-1.175q.082-1.071.12-1.97q.015-.525-.045-1.05c-.09-.785-.515-1.28-1.34-1.385a9.4 9.4 0 0 0-1.314-.075c-1.415.02-2.605.065-3.565.12q-.231.009-.455.04m.35.76c-.5.265-.34 1.565-.25 2.015h.005q0 .004.004.006l.006.004h.005l.01-.005l2.005-2.1a5.7 5.7 0 0 0-1.435-.02a1 1 0 0 0-.35.1m-7.744.19c-.125.01-.245.035-.375.085c-.48.165-.445 1.13-.395 1.515l.07.525a.02.02 0 0 0 .015.01a.02.02 0 0 0 .015 0l2-2.09a.02.02 0 0 0 .005-.02a6.5 6.5 0 0 0-1.335-.025" clip-rule="evenodd"/><path fill="#79c928" d="M10.926 9.459q.127-.285.18-.615q.12-.707.16-1.425a.04.04 0 0 1 .024-.01h1.085c.01 0 .015 0 .025.01l.01.025q.027.817.1 1.63c.09.505.38 1.05.83 1.29c.135.07.3.115.495.125q.705.045 1.44.015q1.44-.054 2.745-.19q.314-.038.605-.18a.05.05 0 0 1 .06.01c.384.46.647 1.007.765 1.595q.306 1.388.065 2.874c-.025.14-.075.3-.165.48c-.25.52-.56 1-.94 1.45a7.85 7.85 0 0 1-5.1 2.755c-1.07.145-2.145.1-3.204-.04c-1.42-.185-2.85-.63-3.9-1.565a4.82 4.82 0 0 1-1.46-2.64a6.5 6.5 0 0 1-.11-2.15c.1-.81.285-1.59.57-2.334q.015-.029.045-.02l.18.045q.539.075 1.235.075q1.161-.009 2.39-.085c.33-.025.62-.055.875-.105c.45-.085.815-.6 1-1.02z"/><path fill="#231f20" d="M11.65 15.068c0 .475.335.865.745.865s.74-.39.74-.865c0-.48-.33-.865-.74-.865s-.745.385-.745.865"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Как использовать иконку Xwin Background
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:xwin-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:xwin-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:xwin-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--xwin-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:xwin-background"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:xwin-background"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/token-branded/xwin-background.svg" alt="Иконка Xwin Background" width="24" height="24">Похожие иконки в наборе Web3 Icons Branded
Вопросы и ответы: Иконка Xwin Background
Можно ли бесплатно использовать иконку Xwin Background в коммерческих проектах?
Да. Web3 Icons Branded icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Xwin Background в React?
Установите @iconify/react и выведите <Icon icon="token-branded:xwin-background" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Xwin Background на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/token-branded/xwin-background.svg" alt="Иконка Xwin Background">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.