Hono icon

logos:hono

The Hono icon (logos:hono) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 330 grid. SVG Logos icons are released under the CC0 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: SVG Logos
Author: Gil Barbara
License: CC0-1.0
Size: 256 × 330

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="330" viewBox="0 0 256 330"><path fill="#ff5b11" d="M134.129.029q1.315-.17 2.319.662a1256 1256 0 0 1 69.573 93.427q24.141 36.346 41.082 76.862q27.055 72.162-28.16 125.564q-48.313 40.83-111.318 31.805q-75.312-15.355-102.373-87.133Q-1.796 217.85.614 193.51q4.014-41.896 19.878-80.838q6.61-15.888 17.228-29.154a382 382 0 0 1 16.565 21.203q3.66 3.825 7.62 7.289Q92.138 52.013 134.13.029" opacity=".993"/><path fill="#ff9758" d="M129.49 53.7q36.47 42.3 65.93 90.114a187.3 187.3 0 0 1 15.24 33.13q12.507 49.206-26.836 81.169q-38.05 26.774-83.488 15.902q-48.999-15.205-56.653-65.929q-1.857-15.993 3.314-31.142a225.4 225.4 0 0 1 17.89-35.78l19.878-29.155a5510 5510 0 0 0 44.726-58.31"/></svg>

How to use the Hono icon

React

import { Icon } from "@iconify/react";

<Icon icon="logos:hono" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="logos:hono" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="logos:hono" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--hono]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:hono"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="logos:hono"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/logos/hono.svg" alt="Hono icon" width="24" height="24">

Hono icon in other icon sets

Hono icon FAQ

Is the Hono icon free for commercial use?

Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.

How do I use the Hono icon in React?

Install @iconify/react and render <Icon icon="logos:hono" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Hono icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/hono.svg" alt="Hono icon">, or paste the SVG code inline to style it with CSS.

Browse all SVG Logos icons →