Robinhood icon
cbi:robinhood
The Robinhood icon (cbi:robinhood) 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="M18.712 2.541a2.87 2.87 0 0 0-1.893-.533a9 9 0 0 0-2.906.525a1.1 1.1 0 0 0-.416.266q-1.698 1.598-3.257 3.337l-.08.088a.078.078 0 0 0 .075.127l.116-.025a50 50 0 0 1 5.006-.809a.385.385 0 0 1 .428.39a46 46 0 0 0 .178 4.898l.01.105a.08.08 0 0 0 .058.066h.018a.08.08 0 0 0 .065-.033l.06-.085a46 46 0 0 1 3.01-3.841a.62.62 0 0 0 .174-.346c.335-2.146-.183-3.732-.645-4.134Zm-3.663 4.605v-.1a.08.08 0 0 0-.051-.074a.08.08 0 0 0-.085.022l-.066.077A48.6 48.6 0 0 0 7.77 17.875l-.043.091a.074.074 0 0 0 .013.086a.07.07 0 0 0 .055.024a.1.1 0 0 0 .031-.005l.093-.039a46 46 0 0 1 4.83-1.7a.37.37 0 0 0 .224-.185c.708-1.378 2.35-4.047 2.35-4.047a.24.24 0 0 0 .032-.15s-.288-3.192-.306-4.807ZM10.8 17.693l-.132.044a33 33 0 0 0-3.255 1.243a.26.26 0 0 0-.1.108l-.077.177v.008c-.128.29-.3.725-.378.9l-.058.139a.06.06 0 0 0 .014.065a.06.06 0 0 0 .064.01l.137-.065c.311-.148.7-.372 1.117-.568l.014-.007c.784-.372 1.668-.791 2.199-1.046a.35.35 0 0 0 .129-.131l.4-.799a.06.06 0 0 0-.008-.064a.06.06 0 0 0-.063-.016Zm-3.19-1.241c.055-.109.315-.607.373-.717l.011-.019a49.4 49.4 0 0 1 6.27-9.155l.067-.077a.08.08 0 0 0 .01-.087a.08.08 0 0 0-.079-.04l-.099.014a51 51 0 0 0-4.799.9a.63.63 0 0 0-.281.171a54 54 0 0 0-3.349 4.462a.7.7 0 0 0-.058.263a35 35 0 0 0 .64 3.474c-.94 2.698-1.779 6.26-1.779 6.26a.08.08 0 0 0 .012.067a.08.08 0 0 0 .061.032h.535a.08.08 0 0 0 .075-.051l.037-.1a50 50 0 0 1 1.855-4.389c.161-.334.5-1.008.5-1.008Z"/></svg>How to use the Robinhood icon
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:robinhood" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:robinhood" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:robinhood" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--robinhood]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:robinhood"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:robinhood"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/cbi/robinhood.svg" alt="Robinhood icon" width="24" height="24">Robinhood icon in other icon sets
Robinhood icon FAQ
Is the Robinhood 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 Robinhood icon in React?
Install @iconify/react and render <Icon icon="cbi:robinhood" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Robinhood icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cbi/robinhood.svg" alt="Robinhood icon">, or paste the SVG code inline to style it with CSS.