ICONYZ
English
Bbk icon from theSVG Color

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
Download SVG

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.

Browse all theSVG Color icons →