Иконка Wnt
token-branded:wnt
Иконка Wnt (token-branded:wnt) — бесплатная 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="#58cef9" d="M4.555 13.814a7.362 7.362 0 0 1 7.117-9.2a7.33 7.33 0 0 1 6.393 3.753c1.555-.097 2.621.157 2.875.808c.286.715-.47 1.768-1.925 2.894a7.363 7.363 0 0 1-7.339 7.316a7.3 7.3 0 0 1-5.29-2.262c-1.8.185-3.045-.06-3.327-.766c-.254-.642.323-1.555 1.496-2.543"/><path fill="#e2e9e8" d="M9.923 5.538c-.739.923-1.075 2.386-1.154 3c.739-.554 1.694-.845 2.077-.923c-.184-1.293-.692-1.925-.923-2.077m5.539.461a3.94 3.94 0 0 0-1.846 2.077c.738.185 1.537.693 1.846.923c.369-1.107.152-2.46 0-3"/><path fill="#000005" fill-rule="evenodd" d="M8.82 8.22c-.023.12-.042.23-.051.318a6 6 0 0 1 2.077-.923c-.148-1.03-.498-1.639-.752-1.92a1.3 1.3 0 0 0-.171-.157c-.632.784-.97 1.97-1.103 2.681m1.135-2.336c-.277.397-.484.877-.637 1.338a8 8 0 0 0-.23.831c.47-.267.973-.473 1.495-.614a4 4 0 0 0-.383-1.181a2 2 0 0 0-.245-.37zm3.66 2.192l.222.065a6.3 6.3 0 0 1 1.625.858l.069-.235a5.9 5.9 0 0 0-.07-2.765l-.207.116a4.02 4.02 0 0 0-1.638 1.961m.31-.152c.494.175.966.411 1.403.701c.185-.816.092-1.726-.018-2.275c-.6.385-1.08.93-1.385 1.574" clip-rule="evenodd"/><path fill="#000005" fill-rule="evenodd" d="M6.23 12.922c0 .513.07 1.016.203 1.487a8.7 8.7 0 0 0 3.72.821c3.093 0 5.756-1.565 6.947-3.812a5.539 5.539 0 0 0-10.87 1.504m5.077.693c-.078-1.076.092-3.277 1.385-3.462S14.769 11.616 15 12.46c-.54.383-2.031 1.154-3.693 1.154m-2.77 0c.08-1.002.084-3.462-1.153-3.462c-.462 0-.923 1.999-.923 3.23c.152.31.461.462.692.462c.692 0 1.154-.152 1.385-.23" clip-rule="evenodd"/><path fill="#e7e7e7" d="M11.768 18.461a5.537 5.537 0 0 0 5.331-7.043c-1.19 2.247-3.854 3.812-6.946 3.812c-1.353 0-2.622-.3-3.72-.822a5.54 5.54 0 0 1 5.335 4.053"/><path fill="#000005" fill-rule="evenodd" d="M6.52 14.704a5.539 5.539 0 1 0 10.58-3.286c-.047.096-.107.193-.162.29c-1.26 2.091-3.831 3.522-6.785 3.522a8.7 8.7 0 0 1-3.72-.822c.027.097.055.199.092.296zm.291.12a5.308 5.308 0 0 0 10.192-2.788c-1.348 2.054-3.924 3.425-6.85 3.425a9 9 0 0 1-3.342-.637" clip-rule="evenodd"/><path fill="#e5e5e5" d="M8.584 8.986a6.6 6.6 0 0 0-.97.476C8.076 8.769 9.6 7.43 12 7.615s3.923 1.768 4.385 2.539c-2.22-1.745-4.828-1.8-6.3-1.533c.032.264-.046.6-.231.924c-.323.544-.85.835-1.182.646c-.3-.185-.332-.697-.087-1.205m4.57-3.91L13 5.585l-.31.162l.31.17l.152 1.007l.152-1.006l.31-.171l-.31-.166z"/><path fill="#e5e5e5" d="M20.058 9.673c.037.087.046.3-.24.692c-.268.383-.73.83-1.375 1.311q-.576.426-1.187.799l-.064.572c2.285-1.339 3.632-2.71 3.295-3.55c-.507-1.26-4.62-.849-9.18.914c-4.56 1.768-7.847 4.214-7.334 5.475c.277.692 1.643.877 3.567.618l-.286-.43l-.254.028c-.807.079-1.458.065-1.924-.032c-.485-.101-.637-.263-.674-.36c-.037-.088-.046-.3.24-.692c.268-.383.73-.831 1.375-1.311c1.283-.956 3.204-1.99 5.456-2.862s4.38-1.403 5.987-1.565c.807-.078 1.458-.064 1.924.033c.485.101.637.263.674.36m-14.52.71l-.232 1.385l-.461.231h.461v.923L5.537 12H6l-.462-.23z"/></g></svg>Как использовать иконку Wnt
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:wnt" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:wnt" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:wnt" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--wnt]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:wnt"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:wnt"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/token-branded/wnt.svg" alt="Иконка Wnt" width="24" height="24">Похожие иконки в наборе Web3 Icons Branded
Вопросы и ответы: Иконка Wnt
Можно ли бесплатно использовать иконку Wnt в коммерческих проектах?
Да. Web3 Icons Branded icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Wnt в React?
Установите @iconify/react и выведите <Icon icon="token-branded:wnt" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Wnt на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/token-branded/wnt.svg" alt="Иконка Wnt">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.