Иконка Hono

logos:hono

Иконка Hono (logos:hono) — бесплатная SVG-иконка из набора SVG Logos от Gil Barbara. Она нарисована на сетке 256 × 330. SVG Logos icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: SVG Logos
Автор: Gil Barbara
Лицензия: CC0-1.0
Размер: 256 × 330

Скачать SVG

Код SVG

<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>

Как использовать иконку Hono

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>

Веб-компонент

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

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

Изображение HTML

<img src="https://iconyz.com/api/public/svg/logos/hono.svg" alt="Иконка Hono" width="24" height="24">

Иконка Hono в других наборах

Вопросы и ответы: Иконка Hono

Можно ли бесплатно использовать иконку Hono в коммерческих проектах?

Да. SVG Logos icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Hono в React?

Установите @iconify/react и выведите <Icon icon="logos:hono" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Hono на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/logos/hono.svg" alt="Иконка Hono">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки SVG Logos →