Bbk icon
thesvg-color:bbk
The Bbk icon (thesvg-color:bbk) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 1543 × 1426 grid. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- theSVG Color
- Author
- thesvg.org
- License
- MIT
- Size
- 1543 × 1426
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1543" height="1426" viewBox="0 0 1543 1426"><path fill="#ffd200" d="M156.8 646.1c25.3-62.2 90.2-96.3 154.4-84.5c11.8 63.1-22.3 128-84.5 154.4l-118.4 49.5z"/><path fill="#ffd200" d="M119 455.7c62-25.3 132.1-3.9 169 49.5c-36.9 52.3-107 74.8-169 49.5L.4 505.2zm305-7.7c-11.8-63.3 22.3-128.3 84.4-154.4L626.8 244l-49.5 118.4C552.2 425.7 487 459.5 424 448"/><path fill="#ffd200" d="M447.3 504.1c36.9-52.3 106.8-74.6 169-49.5l118.4 48.7l-118.4 49.5c-62.2 26.2-132.1 4.7-169-48.7m-79.7-79.5c-52.4-36.9-74.9-106.8-49.6-169l48.7-118.4l49.5 118.4c26.2 62.2 3.9 132.1-48.6 169"/><path fill="#ffd200" d="M311.2 448c-63.1 11.5-128.1-22.3-154.4-84.5l-49.6-118.6l118.6 49.5c62.2 25.3 96.1 90.3 85.4 153.6m56.4 135.9c52.5 36.9 74.8 106.8 49.5 169l-48.5 118.4l-49.5-118.4c-26.4-62.2-4.9-132.1 48.5-169"/><path fill="#ffd200" d="M424 560.5c63-11.5 128.2 22.3 154.4 84.5l49.5 118.6l-118.6-48.7c-63-26.1-97.1-90.2-85.3-154.4"/><path fill="#faa634" d="M422 986.8c49.6-120.3 175.9-186.3 299.2-164c22.3 123.3-43.8 249.6-164.3 299.1l-230.1 95.2zm518.6-383.6c-22.3-123.3 43.7-249.6 164.2-299.1l230.1-95l-95 230.1c-49.5 119.4-175.8 185.5-299.3 164"/><path fill="#faa634" d="M985.4 712.1c71.8-103.1 206.9-145.8 327.2-96.2l230.3 95.2l-230.3 95.2c-119.4 51.4-255.4 8.8-327.2-94.2M831 557.5c-103-71.8-145.9-206.7-96.3-327.2L829.9.2l95.2 230.1c51.5 119.4 8.8 255.4-94.1 327.2m0 309.9c102.9 71.8 145.6 206.9 96 328.3l-95.2 230.1l-95.2-230.1c-50.4-121.4-7.7-256.5 94.4-328.3"/><path fill="#faa634" d="M940.6 821.7c123.5-21.2 249.8 43.8 299.3 164.3l95 230.1l-230.1-95.2C984.3 1071.3 919.3 945 940.6 821.7"/></svg>How to use the Bbk icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:bbk" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:bbk" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:bbk" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--bbk]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:bbk"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:bbk"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/bbk.svg" alt="Bbk icon" width="24" height="24">Bbk icon FAQ
Is the Bbk icon free for commercial use?
Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Bbk icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:bbk" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Bbk icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/bbk.svg" alt="Bbk icon">, or paste the SVG code inline to style it with CSS.