Иконка Wndr

token:wndr

Иконка Wndr (token:wndr) — бесплатная 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="m6.714 5.605l3.364 1.862c-.323.308-.962 1.16-.962 2.094c0 .928.64 1.78.962 2.089h1.203l.72 1.397l.72-1.397h1.203c.237-.308.767-1.16.961-2.09c.19-.932-.559-1.785-.961-2.093l3.363-1.862l1.686 1.862l-2.648 2.094l3.127-1.398a3.36 3.36 0 0 1 1.203 1.862L17.05 11.65l3.846-.929c.19.56.076 1.63 0 2.094l-3.609.696h3.363a6.5 6.5 0 0 1-3.122 3.254c-.72-.772-2.306-2.273-2.884-2.089s.88 2.558 1.681 3.719c-.573-.56-1.681-1.01-2.16-1.16l-.724-2.326v2.32h-1.199l-.241-2.32l-.237 2.32h-.966v-2.32l-.72 2.32c-.578 0-1.781.853-2.34 1.166c.72-1.01 2.003-3.35 1.62-3.719c-.384-.374-2.246 1.237-3.127 2.09l-2.884-3.25H6.95l-3.846-.696c-.19-.934-.08-1.786 0-2.094l4.088.928l-3.846-1.624A4.6 4.6 0 0 1 4.55 7.936l3.126 1.63l-2.648-2.094a7.3 7.3 0 0 1 1.686-1.867"/><path fill="currentColor" d="m12 12.583l-.483-1.166h-1.44c.578-.928.72-2.709.72-3.486l2.406.929H12c.237.236 1.203.236 1.44.236c.242 0 .962 0 .962.465c0 .37-.318.772-.479.928c-.322-.388-1.056-1.118-1.444-.928c-.38.184.644 1.316 1.203 1.856h-1.203z"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Все Web3 Icons →