Иконка Guild

token:guild

Иконка Guild (token:guild) — бесплатная 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="M12 21c2.668-1.504 5.31-3.002 7.94-4.5V7.49L12 3l-1.589.884v1.112c.652-.37.932-.519 1.589-.884c2.297 1.302 4.58 2.63 6.882 3.933v7.915c-2.298 1.302-4.585 2.631-6.882 3.934c-2.33-1.313-4.553-2.637-6.883-3.955v-9c-.349.196-.709.355-1.058.55v9.022zm0-2.25c1.953-1.101 3.875-2.255 5.823-3.356V8.612C15.875 7.516 13.96 6.356 12 5.255L9.353 6.748V4.493c-.36.212-.763.55-1.06.715v3.367c1.35-.763 2.405-1.467 3.707-2.203c1.61.906 3.16 1.906 4.765 2.817v5.638c-1.663.937-3.097 1.874-4.765 2.816c-1.663-.947-3.087-1.884-4.765-2.832V5.832c-.355.196-.762.37-1.059.535v9.021c1.986 1.123 3.839 2.245 5.824 3.367zm2.647-7.888v-.556c-.99-.561-1.641-1.112-2.647-1.684c-.91.52-1.747 1.176-2.647 1.684v3.41c.98.55 1.64 1.111 2.647 1.683c1-.567 1.652-1.128 2.647-1.694v-.561c.317-.18.714-.355 1.059-.551v1.668c-1.324.751-2.383 1.498-3.706 2.244c-1.26-.71-2.451-1.53-3.706-2.239v-4.5c1.09-.62 1.922-1.244 3.034-1.874l.667-.37c1.323.74 2.382 1.492 3.71 2.239v1.673c-.338-.196-.725-.382-1.058-.567zm-.53.016v.9a136 136 0 0 0-2.117-.9c-.212.106-.466.264-.672.37c.926.265 1.921.508 2.784.757v1.133c-.651.37-1.456.736-2.107 1.107c-.672-.376-1.477-.747-2.123-1.112v-.847c.694.212 1.483.492 2.118.847l.688-.386c-.927-.265-1.938-.509-2.8-.752v-1.128c.656-.365 1.46-.736 2.117-1.106c.662.375 1.467.746 2.112 1.111zm.874.74l.1.054l.191.106l-.137.084l-.149.085l-.074-.037l-.222-.127l.19-.106q.052-.028.1-.058m.265.647l.095-.053l-.016-.175l-.016-.143l-.159.09l-.11.064v.074l.015.249l.196-.106zm-.61-.032v-.328l.276.137v.323z"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Все Web3 Icons →