Brave icon
cbi:brave
The Brave icon (cbi:brave) 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="m15.066 2l1.747 1.983s1.533-.426 2.258.299c.723.725 1.32 1.365 1.32 1.365l-.469 1.151l.595 1.705s-1.753 6.65-1.958 7.463c-.405 1.599-.681 2.217-1.832 3.027a155 155 0 0 1-3.576 2.43c-.341.214-.767.577-1.15.577s-.808-.363-1.15-.577a155 155 0 0 1-3.578-2.43c-1.15-.81-1.426-1.428-1.83-3.027c-.206-.813-1.96-7.463-1.96-7.463l.596-1.705l-.468-1.151s.597-.64 1.321-1.365c.723-.725 2.256-.299 2.256-.299L8.933 2ZM12 14.447c-.117 0-.865.264-1.465.575s-1.035.53-1.174.618s-.054.251.072.341s1.829 1.408 1.994 1.555c.165.146.408.386.573.386s.408-.241.573-.386s1.867-1.466 1.994-1.555s.211-.254.072-.342s-.574-.307-1.175-.617c-.6-.311-1.347-.575-1.464-.575m0-9.399s-.341.001-.852.172s-1.065.383-1.32.383s-2.151-.361-2.151-.361S5.432 7.96 5.432 8.541s.282.734.566 1.036l1.684 1.79c.16.17.491.426.296.889c-.196.462-.483 1.05-.163 1.647s.868.995 1.22.93c.351-.067 1.177-.499 1.48-.695c.303-.198 1.265-.992 1.265-1.295s-.994-.85-1.178-.974c-.183-.125-1.021-.604-1.039-.791c-.016-.19-.01-.245.237-.71s.692-1.086.618-1.5c-.074-.412-.791-.627-1.304-.821s-1.499-.559-1.622-.617s-.092-.111.282-.146c.374-.036 1.433-.176 1.91-.043s1.293.336 1.36.443c.066.109.124.112.056.483s-.417 2.151-.451 2.466c-.033.317-.1.525.24.604c.341.078.914.213 1.111.213s.77-.135 1.111-.213s.274-.287.24-.603c-.033-.316-.384-2.096-.451-2.467s-.01-.375.056-.483s.882-.31 1.36-.443s1.537.007 1.91.043c.374.035.406.089.282.146c-.123.057-1.11.423-1.622.617c-.513.194-1.23.408-1.304.821c-.075.414.37 1.034.618 1.5s.253.52.237.709s-.855.668-1.04.791c-.183.125-1.177.67-1.177.975c0 .303.962 1.097 1.265 1.295c.303.196 1.129.629 1.48.695s.9-.334 1.22-.93s.033-1.185-.163-1.647s.136-.719.296-.889l1.684-1.79c.284-.302.566-.455.566-1.036s-2.246-3.3-2.246-3.3s-1.895.363-2.15.363s-.81-.213-1.32-.384S12 5.048 12 5.048"/></svg>
How to use the Brave icon
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:brave" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:brave" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:brave" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--brave]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:brave"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:brave"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/cbi/brave.svg" alt="Brave icon" width="24" height="24">
Brave icon in other icon sets
Brave icon FAQ
Is the Brave 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 Brave icon in React?
Install @iconify/react and render <Icon icon="cbi:brave" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Brave icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cbi/brave.svg" alt="Brave icon">, or paste the SVG code inline to style it with CSS.
Browse all Custom Brand Icons →
ICONYZ
