Ikon Wakapi
thesvg-color:wakapi
Ikon Wakapi (thesvg-color:wakapi) adalah ikon SVG gratis dari set theSVG Color karya thesvg.org. Ikon ini digambar pada grid 108 × 107. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- theSVG Color
- Pembuat
- thesvg.org
- Lisensi
- MIT
- Ukuran
- 108 × 107
Kode 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>Cara memakai ikon 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>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:wakapi"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/wakapi.svg" alt="Ikon Wakapi" width="24" height="24">Ikon Wakapi di set ikon lain
FAQ Ikon Wakapi
Apakah ikon Wakapi gratis untuk penggunaan komersial?
Ya. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Wakapi di React?
Pasang @iconify/react lalu render <Icon icon="thesvg-color:wakapi" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Wakapi ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/thesvg-color/wakapi.svg" alt="Ikon Wakapi">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.