Ikon Kungfu
icon-park:kungfu
Ikon Kungfu (icon-park:kungfu) adalah ikon SVG gratis dari set IconPark karya ByteDance. Ikon ini digambar pada grid 48 × 48. IconPark icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- IconPark
- Pembuat
- ByteDance
- Lisensi
- Apache-2.0
- Ukuran
- 48 × 48
- Kategori
- Olahraga
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-miterlimit="2" stroke-width="4"><path fill="#2F88FF" d="M11 17C13.7614 17 16 14.7614 16 12C16 9.23858 13.7614 7 11 7C8.23858 7 6 9.23858 6 12C6 14.7614 8.23858 17 11 17Z"/><path stroke-linecap="round" stroke-linejoin="round" d="M20 18L28 24L25 42"/><path stroke-linecap="round" stroke-linejoin="round" d="M28 24L44 11"/><path stroke-linecap="round" stroke-linejoin="round" d="M28 16.8L27 8L20 18L16 27L10 30"/></g></svg>Cara memakai ikon Kungfu
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:kungfu" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:kungfu" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:kungfu" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--kungfu]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:kungfu"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:kungfu"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/icon-park/kungfu.svg" alt="Ikon Kungfu" width="24" height="24">Ikon Kungfu di set ikon lain
FAQ Ikon Kungfu
Apakah ikon Kungfu gratis untuk penggunaan komersial?
Ya. IconPark icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Kungfu di React?
Pasang @iconify/react lalu render <Icon icon="icon-park:kungfu" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Kungfu ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/icon-park/kungfu.svg" alt="Ikon Kungfu">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.