Иконка Xtm
token-branded:xtm
Иконка Xtm (token-branded:xtm) — бесплатная SVG-иконка из набора Web3 Icons Branded от 0xa3k5. Она нарисована на сетке 24 × 24. Web3 Icons Branded icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Web3 Icons Branded
- Автор
- 0xa3k5
- Лицензия
- MIT
- Размер
- 24 × 24
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="url(#SVGQYy7ybSd)" d="M3.922 15.025v-6.76a1.61 1.61 0 0 1 .86-1.423l6.528-3.423a1.61 1.61 0 0 1 1.59.054l6.367 3.885a1.61 1.61 0 0 1 .773 1.38v6.303a1.61 1.61 0 0 1-.709 1.332l-6.324 4.293a1.61 1.61 0 0 1-1.789.01L4.653 16.38a1.61 1.61 0 0 1-.731-1.354"/><path fill="#fff" d="M14.13 19.924c-.553.37-1.45 1.112-2.149 1.074c-.66-.032-1.343-.73-1.88-1.074c.053-.08.268-.269.268-.806v-6.985l-1.53.806c-.463.178-1.49.376-1.935-.268c-.548-.806-.269-1.88.28-2.15c.322-.16 1.38-.897 2.288-1.526c.339-.236.645-.456.898-.623c.273-.177 1.074-.537 1.611-.537s1.338.36 1.612.537l2.955 1.88c.457.27 1.21 1.075.548 2.15c-.66 1.074-1.934.628-2.482.269l-1.02-.538v6.985c0 .537.402.688.537.806"/><path fill="url(#SVGhoPTPJdI)" d="M4.46 15.035v-3.492a.268.268 0 1 0-.538 0v3.492a1.61 1.61 0 0 0 .73 1.349l4.498 2.955a.27.27 0 0 0 .29-.457l-4.497-2.944a1.07 1.07 0 0 1-.484-.903"/><path fill="#ed83b3" d="M19.81 14.799a.27.27 0 0 0 .268-.27V8.503a1.61 1.61 0 0 0-.773-1.376l-6.373-3.89a1.61 1.61 0 0 0-1.584-.054L6.754 5.595A.268.268 0 1 0 7 6.068l4.594-2.407a1.08 1.08 0 0 1 1.058.032l6.372 3.89a1.07 1.07 0 0 1 .516.913v6.034c0 .15.119.269.269.269"/><path fill="#ffd6e9" d="M13.62 3.955a.27.27 0 0 1 .37-.091l4.32 2.648a.269.269 0 0 1-.28.457L13.71 4.32a.27.27 0 0 1-.09-.365"/><path fill="#fc81b8" d="M9.767 8.496a.27.27 0 0 0 .354.038l.237-.162c.269-.177 1.074-.537 1.612-.537c.537 0 1.332.36 1.612.537l2.95 1.88c.456.27 1.208 1.076.547 2.15l-.048.075c-.097.145-.075.36.08.446c.108.054.232.033.302-.053l.123-.188c.43-.688.414-1.344.183-1.876a2.3 2.3 0 0 0-.908-1.01l-2.94-1.88a4.5 4.5 0 0 0-1.901-.618a4.5 4.5 0 0 0-1.908.623l-.01.005l-.237.167a.27.27 0 0 0-.053.403z"/><path fill="#fdd2e0" d="M13.41 7.96a.27.27 0 0 1 .376-.086l2.138 1.349a.27.27 0 0 1 .123.273a.27.27 0 0 1-.408.184L13.49 8.33a.27.27 0 0 1-.12-.277a.3.3 0 0 1 .04-.099z"/><defs><linearGradient id="SVGQYy7ybSd" x1="15.969" x2="7.788" y1="4.4" y2="18.89" gradientUnits="userSpaceOnUse"><stop stop-color="#f2445b"/><stop offset="1" stop-color="#a023b1"/></linearGradient><linearGradient id="SVGhoPTPJdI" x1="2.384" x2="15.637" y1="5.673" y2="22.82" gradientUnits="userSpaceOnUse"><stop stop-color="#7a1981"/><stop offset=".63" stop-color="#bd27c1"/><stop offset="1" stop-color="#600a67"/></linearGradient></defs></g></svg>Как использовать иконку Xtm
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:xtm" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:xtm" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:xtm" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--xtm]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:xtm"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:xtm"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/token-branded/xtm.svg" alt="Иконка Xtm" width="24" height="24">Похожие иконки в наборе Web3 Icons Branded
Вопросы и ответы: Иконка Xtm
Можно ли бесплатно использовать иконку Xtm в коммерческих проектах?
Да. Web3 Icons Branded icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Xtm в React?
Установите @iconify/react и выведите <Icon icon="token-branded:xtm" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Xtm на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/token-branded/xtm.svg" alt="Иконка Xtm">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.