Acura icon
cbi:acura
The Acura icon (cbi:acura) 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="M3.737 18.313L2 21.205h.832l.259-.422h1.776l-.32-.559H3.411l.678-1.255l.117.01l1.23 2.226h.8l-1.615-2.892Zm2.606.86v1.182a.85.85 0 0 0 .852.85h2.378v-.556H7.289a.25.25 0 0 1-.25-.246v-1.275a.25.25 0 0 1 .247-.251H9.57v-.557H7.2a.854.854 0 0 0-.857.853m6.42 1.257a.254.254 0 0 1-.251.251h-1.5a.25.25 0 0 1-.248-.251v-2.112h-.7v2.037a.847.847 0 0 0 .852.85h1.689a.854.854 0 0 0 .855-.85v-2.037h-.7v2.112Zm1.383-3.6c3.439-.549 5.382-2.646 5.382-6.944s-1.943-6.4-5.382-6.947a13 13 0 0 0-2.046-.146a13 13 0 0 0-2.053.151c-3.436.549-5.381 2.646-5.381 6.947s1.945 6.4 5.381 6.944a13 13 0 0 0 2.053.149a13 13 0 0 0 2.046-.149Zm0-13.351c2.43.524 4.42 2.183 4.42 6.407c0 3.21-1.15 4.937-2.77 5.811l-.914-6.144l-.736-2.072l-1.488-4.182a9 9 0 0 1 1.488.189Zm-2.332-.2h.561l.082 5.12h-.725ZM5.622 9.891c0-4.224 1.99-5.883 4.42-6.407a9 9 0 0 1 1.488-.185l-1.488 4.187l-.735 2.072l-.914 6.141c-1.62-.874-2.771-2.6-2.771-5.811Zm4.42 6.405a6.5 6.5 0 0 1-1.491-.509l1.491-3.094l1.615-3.351h.875l1.614 3.351l1.491 3.094a6.5 6.5 0 0 1-1.491.509a10.4 10.4 0 0 1-4.1 0Zm9.926 2.683l1.232 2.226h.8l-1.615-2.892H19.5l-1.737 2.892h.833l.258-.422h1.779l-.321-.559h-1.139l.678-1.255Zm-3.141-.661H14.01v2.889h.7v-2.33h1.932a.21.21 0 0 1 .207.2v.408a.21.21 0 0 1-.207.2h-1.683l.151.556h1.528a.207.207 0 0 1 .207.2v.753h.65v-.695a.56.56 0 0 0-.357-.525a.5.5 0 0 0 .4-.437v-.5a.716.716 0 0 0-.713-.713Z"/></svg>How to use the Acura icon
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:acura" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:acura" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:acura" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--acura]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:acura"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:acura"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/cbi/acura.svg" alt="Acura icon" width="24" height="24">Acura icon in other icon sets
Acura icon FAQ
Is the Acura 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 Acura icon in React?
Install @iconify/react and render <Icon icon="cbi:acura" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Acura icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cbi/acura.svg" alt="Acura icon">, or paste the SVG code inline to style it with CSS.