Иконка Xch Background
token-branded:xch-background
Иконка Xch Background (token-branded:xch-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
- Теги
- xchbackground
Код 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="#3aac59" d="M24 0H0v24h24z"/><path fill="#fff" d="M13.74 10.783h1.39v4.174h-1.39zm-2.074 0c-.299 0-.946.018-1.405.38V9.387H8.87V12c.139.062.445.135.59.215l.123.07l.059.034s-.814 1.232-1.92 1.49c-.658.152-1.426-.036-1.586-.672l-.014-.077a4.6 4.6 0 0 1 .876-.396l.021-.007c.647-.23 1.19-.306 1.19-.306a4.7 4.7 0 0 0-1.273.059h-.007c-.32.063-.585.153-.79.243a1.39 1.39 0 0 1 1.144-.994l.035-.007l.105-.01h.034l.13-.008h.027l.108.007h.041l.035.007c.209.021.439.073.724.167v-.9c-.14-.043-.25-.08-.404-.119a3.9 3.9 0 0 0-1.843-.035c-1.207.285-1.552 1.155-1.552 2.212q-.001.208.035.383A5 5 0 0 0 4 13.94l.81-.348c.307 1.016 1.381 1.357 2.192 1.357c.841 0 1.224-.233 1.868-.623v.63h1.39v-2.595c0-.302.557-.48.815-.48c.337 0 .577.23.577.602v2.473h1.392v-2.873c0-.86-.557-1.3-1.378-1.3m2.769-1.739a.67.67 0 0 0-.696.696c0 .407.289.695.696.695a.67.67 0 0 0 .695-.695a.67.67 0 0 0-.695-.696m5.217 3.478v-1.739h-1.391v.376c-1.353-.856-2.129.024-2.129.024c-.417.365-.654.957-.654 1.694c0 1.304.8 2.08 1.833 2.08c.39 0 .748-.087 1.058-.508c.035.101.114.425.17.508H20c-.25-.404-.355-2.024-.348-2.435m-2.014 1.305c-.452 0-.775-.39-.775-.94s.323-.939.775-.939c.32 0 .501.192.623.494v.89c-.122.303-.303.495-.623.495"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Как использовать иконку Xch Background
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:xch-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:xch-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:xch-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--xch-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:xch-background"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:xch-background"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/token-branded/xch-background.svg" alt="Иконка Xch Background" width="24" height="24">Похожие иконки в наборе Web3 Icons Branded
Вопросы и ответы: Иконка Xch Background
Можно ли бесплатно использовать иконку Xch Background в коммерческих проектах?
Да. Web3 Icons Branded icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Xch Background в React?
Установите @iconify/react и выведите <Icon icon="token-branded:xch-background" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Xch Background на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/token-branded/xch-background.svg" alt="Иконка Xch Background">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.