Ikon Kiwifruit
whh:kiwifruit
Ikon Kiwifruit (whh:kiwifruit) adalah ikon SVG gratis dari set WebHostingHub Glyphs karya WebHostingHub. Ikon ini digambar pada grid 1024 × 1024. WebHostingHub Glyphs icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- WebHostingHub Glyphs
- Pembuat
- WebHostingHub
- Lisensi
- OFL-1.1
- Ukuran
- 1024 × 1024
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M512 1024q-104 0-199-40.5t-163.5-109T40.5 711T0 512t40.5-199t109-163.5T313 40.5T512 0t199 40.5t163.5 109t109 163.5t40.5 199t-40.5 199t-109 163.5t-163.5 109t-199 40.5m0-960q-91 0-174 35.5T195 195T99.5 338T64 512t35.5 174T195 829t143 95.5T512 960t174-35.5T829 829t95.5-143T960 512t-35.5-174T829 195T686 99.5T512 64m352 448q-13 0-22.5-9.5T832 480t9.5-22.5T864 448t22.5 9.5T896 480t-9.5 22.5T864 512m-64-128q-13 0-22.5-9.5T768 352t9.5-22.5T800 320t22.5 9.5T832 352t-9.5 22.5T800 384m-64 192q-13 0-22.5-9.5T704 544t9.5-22.5T736 512t22.5 9.5T768 544t-9.5 22.5T736 576M512 704q-87 0-145-68q-8 4-15 4q-13 0-22.5-9.5T320 608q0-16 14-26q-14-34-14-70q0-87 68-145q-4-8-4-15q0-13 9.5-22.5T416 320q16 0 26 14q34-14 70-14q87 0 145 68q8-4 15-4q13 0 22.5 9.5T704 416q0 16-14 26q14 34 14 70q0 80-56 136t-136 56m0-320q-53 0-90.5 37.5T384 512t37.5 90.5T512 640t90.5-37.5T640 512t-37.5-90.5T512 384m160-64q-13 0-22.5-9.5T640 288t9.5-22.5T672 256t22.5 9.5T704 288t-9.5 22.5T672 320m-128 0q-13 0-22.5-9.5T512 288t9.5-22.5T544 256t22.5 9.5T576 288t-9.5 22.5T544 320m-128-64q-13 0-22.5-9.5T384 224t9.5-22.5T416 192t22.5 9.5T448 224t-9.5 22.5T416 256M288 448q-13 0-22.5-9.5T256 416t9.5-22.5T288 384t22.5 9.5T320 416t-9.5 22.5T288 448m0-128q-13 0-22.5-9.5T256 288t9.5-22.5T288 256t22.5 9.5T320 288t-9.5 22.5T288 320m-64 192q-13 0-22.5-9.5T192 480t9.5-22.5T224 448t22.5 9.5T256 480t-9.5 22.5T224 512m0 64q13 0 22.5 9.5T256 608t-9.5 22.5T224 640t-22.5-9.5T192 608t9.5-22.5T224 576m128 128q13 0 22.5 9.5T384 736t-9.5 22.5T352 768t-22.5-9.5T320 736t9.5-22.5T352 704m64 64q13 0 22.5 9.5T448 800t-9.5 22.5T416 832t-22.5-9.5T384 800t9.5-22.5T416 768m128-64q13 0 22.5 9.5T576 736t-9.5 22.5T544 768t-22.5-9.5T512 736t9.5-22.5T544 704m128-64q13 0 22.5 9.5T704 672t-9.5 22.5T672 704t-22.5-9.5T640 672t9.5-22.5T672 640m0 128q13 0 22.5 9.5T704 800t-9.5 22.5T672 832t-22.5-9.5T640 800t9.5-22.5T672 768m128-192q13 0 22.5 9.5T832 608t-9.5 22.5T800 640t-22.5-9.5T768 608t9.5-22.5T800 576"/></svg>Cara memakai ikon Kiwifruit
React
import { Icon } from "@iconify/react";
<Icon icon="whh:kiwifruit" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:kiwifruit" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:kiwifruit" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--kiwifruit]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:kiwifruit"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:kiwifruit"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/whh/kiwifruit.svg" alt="Ikon Kiwifruit" width="24" height="24">FAQ Ikon Kiwifruit
Apakah ikon Kiwifruit gratis untuk penggunaan komersial?
Ya. WebHostingHub Glyphs icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Kiwifruit di React?
Pasang @iconify/react lalu render <Icon icon="whh:kiwifruit" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Kiwifruit ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/whh/kiwifruit.svg" alt="Ikon Kiwifruit">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.