Kiwifruit icon
whh:kiwifruit
The Kiwifruit icon (whh:kiwifruit) is a free SVG icon from the WebHostingHub Glyphs set by WebHostingHub. It is drawn on a 1024 × 1024 grid. WebHostingHub Glyphs icons are released under the Open Font License, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- WebHostingHub Glyphs
- Author
- WebHostingHub
- License
- OFL-1.1
- Size
- 1024 × 1024
SVG code
<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>How to use the Kiwifruit icon
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>HTML image
<img src="https://iconyz.com/api/public/svg/whh/kiwifruit.svg" alt="Kiwifruit icon" width="24" height="24">Kiwifruit icon FAQ
Is the Kiwifruit icon free for commercial use?
Yes. WebHostingHub Glyphs icons are released under the Open Font License, which allows use in personal and commercial projects.
How do I use the Kiwifruit icon in React?
Install @iconify/react and render <Icon icon="whh:kiwifruit" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Kiwifruit icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/kiwifruit.svg" alt="Kiwifruit icon">, or paste the SVG code inline to style it with CSS.