Binge icon
cbi:binge
The Binge icon (cbi:binge) 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="M2 14.178h2.164a3 3 0 0 0 1.443-.208c.687-.365 1.109-1.735.087-1.978a1.07 1.07 0 0 0 .485-.328a1.35 1.35 0 0 0-.157-1.587a1.46 1.46 0 0 0-.809-.253c-.59-.057-1.2-.018-1.792-.018h-.84s-.043.25-.053.327c-.036.277-.083.553-.116.83c-.128 1.074-.277 2.143-.412 3.215m5.093-4.372l-.153 1.2h1.5l-1.176.607l-.43.254l-.1.669l-.194 1.64h1.491l.043-.307l.112-.831l.258-2.033l.163-1.2Zm1.377 4.373h1.357l.284-2.273l.3.524l.619 1.159l.316.59h1.363c.185-1.462.35-2.911.546-4.372H11.9l-.285 2.3a15 15 0 0 1-.825-1.552c-.1-.2-.352-.741-.352-.741H9.03l-.061.477m8.7 1.377h-1.9a6 6 0 0 0 .319.612c.048.084.167.256.167.256a2.4 2.4 0 0 1-.245.305a.89.89 0 0 1-1.238-.342a1.01 1.01 0 0 1 .5-1.411a2.4 2.4 0 0 1 .9-.076h1.6l.153-1.2h-1.9a4.2 4.2 0 0 0-1.2.081a2.27 2.27 0 0 0-.938 3.678a2.5 2.5 0 0 0 2.009.613h1.46l.1-.676c.087-.609.122-1.231.234-1.836m.088 2.514h3.686l.057-.326l.1-.853l-2.317-.022l.043-.393h1.924l.153-1.2h-1.938l.044-.372l2.339-.034L22 9.828l-2.71-.022h-.972l-.04.327l-.107.83l-.411 3.214M3.705 11.511c.019-.123.119-.631.119-.631h.253c.223 0 .548-.043.729.119a.291.291 0 0 1-.183.505a2 2 0 0 1-.35.01h-.568M3.5 13.15c.023-.146.1-.733.1-.733H4a1.34 1.34 0 0 1 .74.108c.342.209.066.562-.2.613a2 2 0 0 1-.394.017Z"/></svg>How to use the Binge icon
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:binge" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:binge" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:binge" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--binge]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:binge"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:binge"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/cbi/binge.svg" alt="Binge icon" width="24" height="24">Binge icon FAQ
Is the Binge 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 Binge icon in React?
Install @iconify/react and render <Icon icon="cbi:binge" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Binge icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cbi/binge.svg" alt="Binge icon">, or paste the SVG code inline to style it with CSS.