Hino icon
cbi:hino
The Hino icon (cbi:hino) is a free SVG icon from the Custom Brand Icons set by Emanuele & rchiileea. It is drawn on a 24 × 24 grid. Custom Brand Icons use the CC BY-NC-SA 4.0 license, which does not allow commercial use without separate permission from the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Custom Brand Icons
- Author
- Emanuele & rchiileea
- License
- CC-BY-NC-SA-4.0
- Size
- 24 × 24
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M13.979 19.458c0 .118-.049.154-.142.154c-.143 0-1.471-.83-1.605-.83h-1.195v2.334h1.194v-.967a.144.144 0 0 1 .151-.157c.159 0 .458.111 1.395.778c.21.15.202.267.202.348h1.189v-2.334h-1.189Zm5.225-.77h-1.99A1 1 0 0 0 16.09 19.7v.566c0 .613.262.862.889.965a8.4 8.4 0 0 0 2.468 0c.622-.103.889-.352.889-.965V19.7a1 1 0 0 0-1.132-1.012m-.06 1.52a.38.38 0 0 1-.375.373h-1.137a.373.373 0 0 1-.375-.373v-.515a.38.38 0 0 1 .375-.374h1.137a.38.38 0 0 1 .375.374ZM13.882 2.68c-1.222.049-1.028.646-.235.91s4.406 1.426 4.686 3.641c.103.821-1.411.939-6.333.939c-4.941 0-6.432-.118-6.333-.939c.28-2.215 3.889-3.371 4.686-3.641s.983-.861-.234-.91C8.65 2.621 2 4.112 2 9.11c0 4.978 6.65 6.489 8.119 6.43c1.217-.049 1.027-.647.234-.911s-4.406-1.426-4.686-3.64c-.103-.822 1.42-.95 6.333-.94s6.432.118 6.333.94c-.276 2.215-3.889 3.377-4.683 3.64s-.982.862.236.911C15.35 15.599 22 14.088 22 9.11c0-4.998-6.65-6.489-8.118-6.43m-1.854 5.762c6.368 0 5.99-.111 6.643-.398c.14-.062.229-.076.28-.043s.119.077.237.145s.179.153.009.212a59 59 0 0 1-7.169.271a59 59 0 0 1-7.17-.271c-.169-.06-.111-.145.009-.212s.186-.112.237-.145s.14-.019.279.043c.654.288.277.398 6.645.398m9.452.795a5.1 5.1 0 0 0-1.333-2.939c-.136-.145-.223-.102-.119.075a5 5 0 0 1 .924 2.959c-.076 1.595-1.31 4.602-6.758 5.749c-.161.035-.543 0-.008-.152s4.132-.957 5.666-3.556c1.445-2.444-.84-2.171-1.984-2.196c-1.036-.024-4.191 0-5.639 0h-.399c-1.444 0-4.603-.024-5.639 0c-1.144.025-3.425-.246-1.983 2.196c1.532 2.596 5.13 3.4 5.666 3.556s.154.187-.007.152c-5.445-1.147-6.683-4.154-6.758-5.749a5 5 0 0 1 .923-2.959c.102-.177.018-.222-.118-.076a5.1 5.1 0 0 0-1.333 2.94c-.01.149-.121.411-.138.021a5.37 5.37 0 0 1 2.374-4.222a10.56 10.56 0 0 1 4.739-1.963c.488-.084.99-.042.063.203c-3.765 1-4.981 2.607-5.685 4.066s.685 1.458 1.599 1.49c.889.031 4.143.042 6.495.042s5.603-.011 6.493-.042c.916-.032 2.299-.032 1.597-1.49s-1.92-3.071-5.685-4.066c-.925-.245-.425-.287.064-.203a10.56 10.56 0 0 1 4.747 1.959a5.37 5.37 0 0 1 2.374 4.222c-.017.394-.128.132-.138-.017M6.463 19.171a.3.3 0 0 1-.296.323h-1a.3.3 0 0 1-.297-.323v-.389H3.788v2.334h1.079v-.459a.3.3 0 0 1 .296-.324h1a.3.3 0 0 1 .297.324v.459h1.222v-2.334H6.46Zm2.259-.389h1.279v2.332H8.722Z"/></svg>How to use the Hino icon
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:hino" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:hino" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:hino" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--hino]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:hino"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:hino"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/cbi/hino.svg" alt="Hino icon" width="24" height="24">Hino icon FAQ
Is the Hino icon free for commercial use?
No. Custom Brand Icons use the CC BY-NC-SA 4.0 license, which does not allow commercial use without separate permission from the author.
How do I use the Hino icon in React?
Install @iconify/react and render <Icon icon="cbi:hino" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Hino icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cbi/hino.svg" alt="Hino icon">, or paste the SVG code inline to style it with CSS.