Kiwi icon
whh:kiwi
The Kiwi icon (whh:kiwi) is a free SVG icon from the WebHostingHub Glyphs set by WebHostingHub. It is drawn on a 1024 × 832 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 × 832
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="832" viewBox="0 0 1024 832"><path fill="currentColor" d="M832 691v109q0 13-9.5 22.5T800 832h-64q-13 0-22.5-9.5T704 800t9.5-22.5T736 768h32v-64q-21 0-36.5-17.5T700 635q-14 47-60 63v102q0 13-9.5 22.5T608 832h-64q-13 0-22.5-9.5T512 800t9.5-22.5T544 768h32v-87q-4-8-10.5-27.5t-15-36.5t-20.5-28q-148-50-255-189q-74 48-147 48l-6-1q-31 52-44.5 93T64 640q0 13-11 38.5T32 704q-9 0-20.5-24.5T0 640q0-174 66-312q-2-26-2-72q0-53 37.5-90.5T192 128q32 0 73 14q59-66 153-104T608 0q59 0 118 15t112.5 45t95 71t66 98.5T1024 352q0 118-56 212.5T832 691"/></svg>How to use the Kiwi icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:kiwi" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:kiwi" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:kiwi" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--kiwi]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:kiwi"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:kiwi"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/whh/kiwi.svg" alt="Kiwi icon" width="24" height="24">Related icons in WebHostingHub Glyphs
Kiwi icon in other icon sets
Kiwi icon FAQ
Is the Kiwi 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 Kiwi icon in React?
Install @iconify/react and render <Icon icon="whh:kiwi" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Kiwi icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/kiwi.svg" alt="Kiwi icon">, or paste the SVG code inline to style it with CSS.