Kohana icon
whh:kohana
The Kohana icon (whh:kohana) is a free SVG icon from the WebHostingHub Glyphs set by WebHostingHub. It is drawn on a 771 × 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
- 771 × 1024
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="771" height="1024" viewBox="0 0 771 1024"><path fill="currentColor" d="M738 352q-6 31-32 54.5T654.5 439t-44.5 9h-96q0 24 20 44t44 20h128l-58 480q-2 13-13 22.5t-24 9.5H414q-14 0-22.5-9.5T385 992l58-490q-4-20-11-31.5t-18-16t-18.5-5.5t-23.5-1q-9 0-15.5 1.5t-17 11T319 489l-55 375q-2 13-13 22.5t-24 9.5H30q-14 0-22.5-9.5T1 864L123 32q2-13 13-22.5T161 0h197q14 0 22 9.5t6 22.5l-33 224h1q0 13 1 22t3.5 20t9.5 16.5t18 5.5q44 0 67.5-19t28.5-45l25-160q2-13 13-22.5t25-9.5h197q14 0 22 9.5t6 22.5z"/></svg>How to use the Kohana icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:kohana" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:kohana" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:kohana" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--kohana]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:kohana"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:kohana"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/whh/kohana.svg" alt="Kohana icon" width="24" height="24">Kohana icon FAQ
Is the Kohana 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 Kohana icon in React?
Install @iconify/react and render <Icon icon="whh:kohana" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Kohana icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/kohana.svg" alt="Kohana icon">, or paste the SVG code inline to style it with CSS.