Иконка Xsgd

token:xsgd

Иконка Xsgd (token:xsgd) — бесплатная SVG-иконка из набора Web3 Icons от 0xa3k5. Она нарисована на сетке 24 × 24. Web3 Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Web3 Icons
Автор: 0xa3k5
Лицензия: MIT
Размер: 24 × 24

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M14.93 4.113a8.24 8.24 0 0 0-8.578 1.684a8.4 8.4 0 0 0-1.568 1.964h-.646v-.005A8.93 8.93 0 0 1 8.66 3.658a8.83 8.83 0 0 1 8.567 1.054a9 9 0 0 1 2.632 3.05h-.636a.03.03 0 0 1-.026-.016a8.4 8.4 0 0 0-4.262-3.633zM4.868 11.468a1.123 1.123 0 0 1-1.138-1.022a110 110 0 0 0-.202-1.096h1.583c.006 0 .011 0 .011.01l.397 2.103z"/><path fill="currentColor" d="M6.543 11.128c.222-.28.328-.61.392-.948q.082-.415.159-.831h1.588l.005.005v.005l-.211 1.139a1.5 1.5 0 0 1-.196.572c-.16.248-.408.434-.673.582l-1.223.651q-.165.085-.318.19a1.8 1.8 0 0 0-.677.896a4 4 0 0 0-.106.392c-.048.243-.111.534-.17.862H3.525v-.005c.09-.455.159-.863.222-1.218c.064-.37.254-.662.577-.89q.159-.109.318-.195l1.27-.688c.247-.127.463-.303.636-.52zm4.84 1.477l-.784-.339a1.21 1.21 0 0 1-.736-.995a1.2 1.2 0 0 1 .376-.996a1.59 1.59 0 0 1 1.324-.376c.396.053.762.24 1.037.53l-.503.667h-.015a1.5 1.5 0 0 0-.244-.154a1.1 1.1 0 0 0-.614-.132c-.154.016-.318.085-.323.265q.001.135.106.206c.053.032.106.064.174.09l.81.334c.234.09.477.291.599.519a1.26 1.26 0 0 1-.344 1.556c-.572.45-1.393.408-2.023.106a2 2 0 0 1-.503-.36v-.01l.577-.72h.016c.28.233.635.407 1 .386c.144-.01.319-.069.345-.249a.23.23 0 0 0-.09-.222a.6.6 0 0 0-.185-.106m4.193-.064h-.55c-.006 0-.011 0-.011-.01v-.863h1.482l.011.005v1.917a.04.04 0 0 1-.004.018a.04.04 0 0 1-.012.014a2.06 2.06 0 0 1-2.044.37a1.72 1.72 0 0 1-1.133-1.244a2.8 2.8 0 0 1 .16-1.853a1.85 1.85 0 0 1 1.44-1a1.72 1.72 0 0 1 1.514.528v.006l-.53.672h-.016c-.158-.143-.339-.254-.556-.28a.86.86 0 0 0-.847.386c-.212.328-.233.773-.175 1.15c.059.38.25.682.61.788a1.3 1.3 0 0 0 .492.043a.5.5 0 0 0 .174-.059l.011-.01v-.562c0-.01 0-.016-.01-.016z"/><path fill="currentColor" fill-rule="evenodd" d="M20.346 11.098a1.63 1.63 0 0 0-.953-1.06a2.6 2.6 0 0 0-.847-.158l-1.255.01v4.21c0 .005 0 .01.01.01h.059l1.07.006c.301 0 .593-.032.878-.132c.44-.16.763-.456.954-.9a3 3 0 0 0 .084-1.981zm-1.509 2.049c.387-.132.53-.54.561-.953a2.4 2.4 0 0 0-.042-.726c-.08-.36-.296-.603-.646-.662a2 2 0 0 0-.35-.026c-.005 0-.01 0-.01.01v2.415l.01.01q.248.01.477-.068" clip-rule="evenodd"/><path fill="currentColor" d="M7.856 12.633c.256.115.456.326.556.588c.027.069.053.18.08.344q.094.54.195 1.08H7.104L7.1 14.64l-.402-2.102v-.01H7.4c.159 0 .307.036.455.105m.651 7.652a8.98 8.98 0 0 1-4.373-4.051h.64a8.38 8.38 0 0 0 4.766 3.812a8.26 8.26 0 0 0 3.887.25a8.35 8.35 0 0 0 5.787-4.062h.64c.011 0 .011 0 .006.01a9 9 0 0 1-6.195 4.596a8.85 8.85 0 0 1-5.158-.555"/></svg>

Как использовать иконку Xsgd

React

import { Icon } from "@iconify/react";

<Icon icon="token:xsgd" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="token:xsgd" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="token:xsgd" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[token--xsgd]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/token -->
<div class="i-token:xsgd"></div>

Веб-компонент

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="token:xsgd"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/token/xsgd.svg" alt="Иконка Xsgd" width="24" height="24">

Иконка Xsgd в других наборах

Вопросы и ответы: Иконка Xsgd

Можно ли бесплатно использовать иконку Xsgd в коммерческих проектах?

Да. Web3 Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Xsgd в React?

Установите @iconify/react и выведите <Icon icon="token:xsgd" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Xsgd на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/token/xsgd.svg" alt="Иконка Xsgd">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Web3 Icons →