Budbee icon
cbi:budbee
The Budbee icon (cbi:budbee) 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" fill-rule="evenodd" d="M2 11.983V9.511h.655v2.054l.3-.191c1.636-.991 3.09 1.682 1.536 2.837c-.336.254-1.155.318-1.536.118c-.246-.128-.291-.128-.337-.009c-.027.081-.173.136-.336.136H2Zm4.209 2.355c-.518-.264-.609-.546-.645-1.846l-.028-1.209h.646l.036 1.128c.037 1.236.146 1.49.7 1.49c.564 0 .773-.436.773-1.581v-1.037h.564v1.5c0 .818.009 1.518.027 1.564c.009.036-.118.082-.282.091c-.264.027-.309 0-.309-.164v-.2l-.246.191c-.281.218-.881.255-1.236.073m3.155-.091c-1.628-1.1-.191-3.891 1.481-2.873l.3.191V9.511h.655v4.945h-.282c-.163 0-.309-.055-.336-.136c-.046-.119-.082-.119-.318 0c-.409.218-1.128.181-1.5-.073m2.809-2.264V9.511h.654v2.036l.346-.182c1.172-.6 2.472.527 2.163 1.882c-.218 1-1.536 1.591-2.263 1.018l-.246-.191v.191c0 .164-.054.191-.327.191h-.327Zm4.327 2.346c-1.336-.591-1.045-2.828.4-3.1c.873-.164 1.809.691 1.809 1.663c0 .037-.554.073-1.227.073h-1.218l.063.255a.878.878 0 0 0 1.428.454c.281-.245.3-.245.527-.1c.7.464-.9 1.137-1.782.755m3.236-.082c-1.291-.882-.763-3.055.746-3.055c.736 0 1.382.6 1.473 1.355l.045.418h-1.182c-1.127 0-1.173.009-1.173.191c0 .609.955.955 1.455.518c.245-.209.473-.209.773.009c.072.055-.4.509-.664.646c-.391.209-1.109.163-1.473-.082m-15.691-.482c.337-.173.51-.6.446-1.1c-.173-1.264-1.882-1.091-1.882.2c0 .818.718 1.273 1.436.9m6.828-.1c.691-.627.245-1.864-.673-1.864c-.709 0-1.127.791-.827 1.573c.182.5 1.082.673 1.5.291m3.609-.091c.545-.636.091-1.773-.709-1.773c-.982 0-1.364 1.473-.5 1.955c.372.209.945.118 1.209-.182m3.363-1.382c-.318-.481-1.136-.518-1.381-.063c-.146.272-.128.272.718.272h.8Zm3.364 0c-.236-.354-.6-.481-.982-.336a1.3 1.3 0 0 0-.472.336l-.137.209h1.727Z"/></svg>How to use the Budbee icon
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:budbee" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:budbee" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:budbee" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--budbee]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:budbee"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:budbee"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/cbi/budbee.svg" alt="Budbee icon" width="24" height="24">Budbee icon FAQ
Is the Budbee 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 Budbee icon in React?
Install @iconify/react and render <Icon icon="cbi:budbee" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Budbee icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cbi/budbee.svg" alt="Budbee icon">, or paste the SVG code inline to style it with CSS.