Subaru icon
cbi:subaru
The Subaru icon (cbi:subaru) 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="M11.477 18.601v-.009c.211-.064.367-.147.367-.569c0-.5-.293-.66-.9-.66h-2.2v2.5h2.431c.441 0 .762-.119.762-.66c-.001-.385-.121-.569-.46-.602m-1.963-.633h1.348c.138 0 .221.046.221.193s-.083.193-.221.193H9.514Zm1.367 1.285H9.514v-.386h1.367c.165 0 .275.037.275.211c0 .134-.11.171-.275.171Zm-7.037-.952c-.816 0-.908 0-.908-.22c0-.138.119-.193.284-.193h.853c.349 0 .367.073.367.257h.76v-.074c0-.44-.083-.743-.963-.743H3.174c-.963 0-1 .349-1 .8c0 .615.129.753 1.276.753c.981 0 1.073.009 1.073.229c0 .193-.165.211-.33.211h-.927c-.22 0-.33-.018-.33-.284h-.771v.164c0 .541.285.679.973.679h.926c1.019 0 1.239-.11 1.239-.78c-.003-.732-.276-.799-1.459-.799m17.356.5c0 .312-.11.441-.422.441h-.762c-.312 0-.422-.129-.422-.441v-1.44h-.761v1.605c0 .615.321.918 1.018.918h1.092c.706 0 1.018-.3 1.018-.918v-1.607H21.2Zm-3.264-1.442h-2.3v2.5h.77v-.658H17.6c.239 0 .312.082.312.348v.3h.771v-.431c0-.4-.193-.5-.422-.541v-.01c.348-.082.431-.284.431-.614v-.152c-.004-.449-.169-.742-.756-.742m.009.963c0 .184-.073.266-.284.266H16.4v-.605h1.2c.239 0 .349.037.349.257Zm-4.789-.963l-1.34 2.5h.844l.23-.44h1.541l.239.44h.853l-1.367-2.5Zm.018 1.514l.477-.936l.5.936Zm-5.339-.072c0 .312-.11.441-.422.441h-.762c-.312 0-.422-.129-.422-.441v-1.44h-.761v1.605c0 .615.321.918 1.018.918h1.092c.706 0 1.018-.3 1.018-.918v-1.607h-.761Zm11.348-8.672l-.357-1.028c-.009-.037-.037-.037-.046 0l-.38 1.028a.14.14 0 0 1-.091.083l-1.844.321c-.046.009-.046.018 0 .018l1.844.312a.13.13 0 0 1 .1.083l.367.991c.009.036.036.036.045 0l.358-.991a.11.11 0 0 1 .092-.083l1.817-.3q.054-.015 0-.028l-1.817-.321a.14.14 0 0 1-.088-.085M15 7.616l1.844.3a.14.14 0 0 1 .092.085l.376 1c.009.037.037.037.046 0l.358-1a.14.14 0 0 1 .091-.083l1.817-.3c.037 0 .037-.019 0-.019l-1.817-.321a.14.14 0 0 1-.091-.082l-.358-1.028c-.009-.037-.037-.046-.046 0l-.376 1.028a.14.14 0 0 1-.092.082L15 7.601c-.046 0-.046.015 0 .015m-2.312 5.66l-1.807-.321a.15.15 0 0 1-.1-.083l-.349-1.027q-.027-.056-.055 0l-.367 1.027a.15.15 0 0 1-.1.083l-1.844.321q-.054.013 0 .028l1.844.3a.16.16 0 0 1 .1.083l.367.991q.028.054.055 0l.349-.991a.16.16 0 0 1 .1-.083l1.807-.3q.069-.015 0-.028m5.147-.449l-1.817-.321a.14.14 0 0 1-.091-.083l-.358-1.022c-.009-.046-.037-.046-.046 0l-.367 1.027a.18.18 0 0 1-.1.083l-1.844.321c-.037 0-.037.018 0 .018l1.844.3a.18.18 0 0 1 .1.082l.367 1c.009.037.037.037.046 0l.358-1a.14.14 0 0 1 .091-.082l1.817-.3c.037-.005.037-.023 0-.023m-4.514-2.615l-1.844.321c-.037.009-.037.018 0 .018l1.844.312a.13.13 0 0 1 .1.083l.367.991c.009.036.037.036.046 0l.358-.991a.11.11 0 0 1 .1-.083l1.808-.3q.055-.015 0-.028l-1.808-.321a.13.13 0 0 1-.1-.083l-.357-1.03c-.009-.037-.037-.037-.046 0l-.367 1.027a.18.18 0 0 1-.101.084M7.5 9.671l.826 2.238c.028.083.083.083.11 0l.8-2.238a.28.28 0 0 1 .22-.184l4.067-.686c.092-.009.092-.037 0-.055l-4.064-.717a.31.31 0 0 1-.22-.193l-.8-2.3c-.027-.092-.082-.092-.11 0L7.5 7.845a.36.36 0 0 1-.22.184l-4.147.715q-.137.028 0 .055l4.147.688a.31.31 0 0 1 .22.184m4.5 6.064c3.56 0 6.871-1.11 8.651-2.881A4.15 4.15 0 0 0 22 9.928a4.17 4.17 0 0 0-1.349-2.927C18.871 5.23 15.56 4.12 12 4.12a14.34 14.34 0 0 0-7.009 1.661C3.064 6.873 2 8.35 2 9.928a4.15 4.15 0 0 0 1.349 2.926c1.77 1.771 5.091 2.881 8.651 2.881M2.56 9.928a3.6 3.6 0 0 1 1.174-2.527C5.413 5.717 8.578 4.68 12 4.68s6.578 1.037 8.257 2.721a3.58 3.58 0 0 1 1.183 2.527c0 2.9-4.238 5.247-9.44 5.247c-3.422 0-6.587-1.036-8.266-2.715A3.6 3.6 0 0 1 2.56 9.928"/></svg>How to use the Subaru icon
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:subaru" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:subaru" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:subaru" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--subaru]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:subaru"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:subaru"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/cbi/subaru.svg" alt="Subaru icon" width="24" height="24">Subaru icon in other icon sets
Subaru icon FAQ
Is the Subaru 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 Subaru icon in React?
Install @iconify/react and render <Icon icon="cbi:subaru" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Subaru icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cbi/subaru.svg" alt="Subaru icon">, or paste the SVG code inline to style it with CSS.