hono logo

hono from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
hono
Set
SVG Logos
Style
Color
Viewbox
256×330
License
CC0

The same logo in other sets

honoSimple Icons

Use the hono logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>

React

import type { SVGProps } from "react";

export function LogosHono(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
</template>

CSS

.icon-hono {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20330%22%3E%3Cpath%20fill%3D%22%23ff5b11%22%20d%3D%22M134.129.029q1.315-.17%202.319.662a1256%201256%200%200%201%2069.573%2093.427q24.141%2036.346%2041.082%2076.862q27.055%2072.162-28.16%20125.564q-48.313%2040.83-111.318%2031.805q-75.312-15.355-102.373-87.133Q-1.796%20217.85.614%20193.51q4.014-41.896%2019.878-80.838q6.61-15.888%2017.228-29.154a382%20382%200%200%201%2016.565%2021.203q3.66%203.825%207.62%207.289Q92.138%2052.013%20134.13.029%22%20opacity%3D%22.993%22%2F%3E%3Cpath%20fill%3D%22%23ff9758%22%20d%3D%22M129.49%2053.7q36.47%2042.3%2065.93%2090.114a187.3%20187.3%200%200%201%2015.24%2033.13q12.507%2049.206-26.836%2081.169q-38.05%2026.774-83.488%2015.902q-48.999-15.205-56.653-65.929q-1.857-15.993%203.314-31.142a225.4%20225.4%200%200%201%2017.89-35.78l19.878-29.155a5510%205510%200%200%200%2044.726-58.31%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20330%22%3E%3Cpath%20fill%3D%22%23ff5b11%22%20d%3D%22M134.129.029q1.315-.17%202.319.662a1256%201256%200%200%201%2069.573%2093.427q24.141%2036.346%2041.082%2076.862q27.055%2072.162-28.16%20125.564q-48.313%2040.83-111.318%2031.805q-75.312-15.355-102.373-87.133Q-1.796%20217.85.614%20193.51q4.014-41.896%2019.878-80.838q6.61-15.888%2017.228-29.154a382%20382%200%200%201%2016.565%2021.203q3.66%203.825%207.62%207.289Q92.138%2052.013%20134.13.029%22%20opacity%3D%22.993%22%2F%3E%3Cpath%20fill%3D%22%23ff9758%22%20d%3D%22M129.49%2053.7q36.47%2042.3%2065.93%2090.114a187.3%20187.3%200%200%201%2015.24%2033.13q12.507%2049.206-26.836%2081.169q-38.05%2026.774-83.488%2015.902q-48.999-15.205-56.653-65.929q-1.857-15.993%203.314-31.142a225.4%20225.4%200%200%201%2017.89-35.78l19.878-29.155a5510%205510%200%200%200%2044.726-58.31%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/hono.svg?color=%231a73e8&size=48