Honda icon

cbi:honda

The Honda icon (cbi:honda) 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

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12.094 16.491c.964 0 1.927-.041 2.883-.1a8.2 8.2 0 0 0 2.921-.508a2.5 2.5 0 0 0 1.068-.86a4.2 4.2 0 0 0 .552-1.354a17.4 17.4 0 0 0 .439-3.119a26 26 0 0 0 .057-3.189a3.87 3.87 0 0 0-.87-2.6a3.94 3.94 0 0 0-2.351-.9a35.5 35.5 0 0 0-4.699-.268a35.5 35.5 0 0 0-4.699.268a3.94 3.94 0 0 0-2.351.9a3.87 3.87 0 0 0-.87 2.6a26 26 0 0 0 .057 3.189a17.4 17.4 0 0 0 .438 3.119a4.2 4.2 0 0 0 .553 1.35a2.5 2.5 0 0 0 1.068.86a8.2 8.2 0 0 0 2.921.508q1.436.095 2.883.104m2.156-.817c-.1.017-.424.017-.785.025q-.686.015-1.371.012c-.457-.001-.913 0-1.371-.012c-.361-.008-.688-.008-.786-.025s-.2-.023-.168-.131s.468-1.524.468-1.524c.288-.94.308-.999 1.048-1.147a4.1 4.1 0 0 1 1.618 0c.74.145.76.207 1.048 1.147c0 0 .439 1.415.468 1.524s-.071.114-.169.131m1.966-.681q.252-1.989.4-3.987l.022-.222a54 54 0 0 0 .317-6.045a.16.16 0 0 1 .138-.078c.178.052.362.1.541.17l.078.031h.007a3 3 0 0 1 .314.151a1.5 1.5 0 0 1 .288.216l.005.006a1 1 0 0 1 .1.113l.037.046a5.23 5.23 0 0 1 .547 3.015a25 25 0 0 1-.213 3.731l-.042.323v.015l-.035.263l-.017.115l-.019.128l-.032.188l-.024.126l-.022.105a4 4 0 0 1-.076.309q-.016.06-.036.117c-.013.039-.03.092-.046.136s-.028.077-.044.114a2 2 0 0 1-.075.17a2 2 0 0 1-.338.508c-.21.226-1.792 1.149-1.8.508q.003-.083.025-.272M6.203 14.76a2 2 0 0 1-.338-.508a4 4 0 0 1-.121-.288l-.044-.131c-.014-.045-.025-.079-.036-.119l-.031-.115q-.024-.096-.046-.199l-.021-.1l-.025-.127l-.031-.189l-.019-.125l-.017-.121l-.031-.23l-.009-.068l-.039-.3a25 25 0 0 1-.213-3.731a5.24 5.24 0 0 1 .546-3.015l.035-.043a1 1 0 0 1 .1-.113l.006-.006a1.5 1.5 0 0 1 .286-.211a3 3 0 0 1 .317-.153l.081-.031c.178-.066.362-.118.54-.17a.16.16 0 0 1 .138.078a54 54 0 0 0 .317 6.045l.022.222c.1 1.33.229 2.656.4 3.981l.03.283c-.01.632-1.591-.29-1.797-.516M8.685 4.477a23.6 23.6 0 0 1 3.409-.161a23.6 23.6 0 0 1 3.409.161c.057.023.062.065.035.164c-.338 1.23-.728 2.862-1.075 4.099c-.278.988-.6 2.262-1.8 2.388a6 6 0 0 1-.565.037c-.193.003-.385-.018-.565-.037c-1.207-.126-1.526-1.4-1.8-2.388c-.347-1.235-.737-2.867-1.075-4.099c-.036-.099-.03-.141.027-.164m3.856 13.891l.316.039c.111.013.137.106.137.213v1.121l-1.2-1.578a.22.22 0 0 0-.187-.1h-1.6v.307l.3.035c.107.015.146.07.146.218v1.147c0 .136-.037.2-.151.218l-.3.035v.3h1.449v-.3l-.311-.035a.17.17 0 0 1-.138-.185v-1.152l1.206 1.588a.24.24 0 0 0 .187.089h1.138v-1.717c0-.08.021-.191.138-.199l.316-.035v-.307h-1.45Zm-4.476-.392c-1.281 0-1.855.499-1.855 1.209c0 .729.574 1.223 1.855 1.223s1.845-.494 1.845-1.223c0-.712-.573-1.209-1.845-1.209m0 1.999c-.516 0-.809-.191-.809-.787s.293-.777.809-.777s.81.19.81.777s-.299.788-.815.788Zm-3.761-1.607l.315.039c.107.013.138.099.138.209v.351H3.358v-.356c0-.133.053-.199.147-.199l.306-.035v-.307H2.004v.307l.3.035c.12.013.151.099.147.218v1.147c0 .129-.036.2-.151.218l-.3.035v.3h1.818v-.3l-.314-.04c-.071-.009-.142-.054-.142-.2v-.372h1.399v.348c0 .1-.018.2-.138.213l-.319.039v.311h1.817v-.311l-.32-.036c-.062-.009-.133-.058-.133-.187v-1.177c0-.121.044-.2.137-.209l.316-.035v-.307H4.304Zm12.116-.303h-2.242v.307l.281.029a.17.17 0 0 1 .146.192v1.219a.16.16 0 0 1-.128.178l-.3.039v.3h2.243c1.032 0 1.476-.5 1.476-1.165c.005-.597-.444-1.099-1.476-1.099m-.347 1.827h-.578v-1.4h.578c.552 0 .783.13.783.7s-.231.7-.783.7m5.607.089c-.1-.013-.164-.111-.245-.236l-1.018-1.555a.25.25 0 0 0-.2-.125h-1.743v.307l.4.046a.118.118 0 0 1 .079.193l-.765 1.245a.23.23 0 0 1-.165.133l-.306.035v.3h1.449v-.306l-.249-.031c-.1-.014-.169-.076-.1-.183l.107-.173h1.391l.093.142c.1.147 0 .2-.12.214l-.249.031v.307H22v-.307Zm-2.507-.747l.435-.7l.444.7Z"/></svg>

How to use the Honda icon

React

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

<Icon icon="cbi:honda" width="24" />

Vue

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

<template>
  <Icon icon="cbi:honda" width="24" />
</template>

Svelte

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

<Icon icon="cbi:honda" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="cbi:honda"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/cbi/honda.svg" alt="Honda icon" width="24" height="24">

Honda icon in other icon sets

Honda icon FAQ

Is the Honda 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 Honda icon in React?

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

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

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

Browse all Custom Brand Icons →