Иконка Wakapi
thesvg-color:wakapi
Иконка Wakapi (thesvg-color:wakapi) — бесплатная SVG-иконка из набора theSVG Color от thesvg.org. Она нарисована на сетке 108 × 107. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- theSVG Color
- Автор
- thesvg.org
- Лицензия
- MIT
- Размер
- 108 × 107
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="108" height="107" viewBox="0 0 108 107"><defs><clipPath id="SVGffGSldUJ" clipPathUnits="userSpaceOnUse"><path d="M0 700h1100V0H0Z"/></clipPath></defs><g fill="#2f855a" stroke-width=".762" clip-path="url(#SVGffGSldUJ)" transform="matrix(.35278 0 0 -.35278 -73.762 177.44)"><path d="M512.567 351.234c0-3.17-.107-6.34-.32-9.493c-.856-13.857-3.563-27.197-7.89-39.79c-19.469-56.744-71.653-98.297-134.045-102.126c-3.135-.231-6.305-.321-9.494-.321c-3.187 0-6.34.09-9.492.32c-76.247 4.685-137.233 65.669-141.916 141.917a130 130 0 0 0-.321 9.493c0 3.188.09 6.358.321 9.493c4.683 76.23 65.669 137.25 141.916 141.934a140 140 0 0 0 18.986 0v-40.787h-18.986v16.404c-62.712-4.613-112.92-54.857-117.55-117.55h14.657V341.74h-14.657c4.63-62.712 54.838-112.92 117.55-117.551v16.725h18.986v-16.725c46.326 3.42 85.866 31.738 105.209 71.6a125.9 125.9 0 0 1 12.342 45.951h-.036l8.87 18.986h15.55c.213-3.135.32-6.305.32-9.493"/><path d="m515.898 399.812l-17.103 8.253l-4.666-9.704l-9.62-20.006l-37.99-78.855l-.057-.086h-37.477l-.029.057l.029.086l14.77 30.648l3.784 7.854l.2.427l19.208 39.869l7.37 15.253l2.276 4.753l11.724 24.386l-5.776 2.761l-9.59 4.639l49.97 23.249zm-191.829-57.886v-.018l-18.77-39.002l-34.166 70.962l-9.616 19.993h37.539l9.634-19.993zm49.043 9.206L348.21 299.42v-.019h-37.574v.02l18.787 39.001l19.25 39.946l5.652 11.766l5.67-11.765l9.263-19.232zm49.41-10.259l-3.784-7.854l-14.799-30.591l-.028-.086l-25.298 52.561l-9.136 18.952l-9.617 20.006h37.106z"/></g></svg>Как использовать иконку Wakapi
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:wakapi" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:wakapi" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:wakapi" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--wakapi]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:wakapi"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:wakapi"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/wakapi.svg" alt="Иконка Wakapi" width="24" height="24">Иконка Wakapi в других наборах
Вопросы и ответы: Иконка Wakapi
Можно ли бесплатно использовать иконку Wakapi в коммерческих проектах?
Да. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Wakapi в React?
Установите @iconify/react и выведите <Icon icon="thesvg-color:wakapi" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Wakapi на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/thesvg-color/wakapi.svg" alt="Иконка Wakapi">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.