Byd icon

cbi:byd

The Byd icon (cbi:byd) 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

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M21.67 10.962a1.8 1.8 0 0 0-.444-.445v.006a2.55 2.55 0 0 0-1.499-.426c-.439-.01-1.1-.016-1.687-.018h-1.928v.743c1.448 0 2.461-.012 3.578.019a1.77 1.77 0 0 1 1 .263a1.087 1.087 0 0 1 .006 1.799a1.76 1.76 0 0 1-1 .263c-1.117.031-2.133.019-3.579.019v.743c1.455 0 2.5 0 3.615-.022a2.54 2.54 0 0 0 1.499-.425a1.805 1.805 0 0 0 .439-2.519m-7.295.266h-.006c0 .377-.125.5-.513.507c-.185.006-.673.006-1.073.006h-1.106v2.182h1.008v-1.435h.1c.523 0 1.177 0 1.423-.009c.755-.023.984-.239 1.013-.938c.008-.094.008-.213.008-.344v-1.125h-.854Zm-6.676-.587a1.4 1.4 0 0 0-1.182-.56c-.312 0-1.664-.009-2.451-.009H2v.74c1.658 0 3.624 0 4.486.01a.62.62 0 0 1 .426.125a.36.36 0 0 1 .1.394c-.08.221-.3.275-.528.279c-.343.006-1.279.008-1.978.008H2v.737c1.658 0 3.628 0 4.486.01c.267 0 .55.1.55.4s-.283.4-.55.4c-.856.013-2.828.009-4.486.009v.741c1.663 0 3.839.006 4.511-.01a1.39 1.39 0 0 0 1.182-.559A1.055 1.055 0 0 0 7.536 12a1.056 1.056 0 0 0 .163-1.359m1.919.573v-1.142h-.855c0 .365-.008 1.108.007 1.467c.029.699.256.913.968.938c.493.017.883.011 1.566.009v-.745c-.546 0-.769 0-1.173-.006c-.388-.007-.511-.135-.513-.521"/></svg>

How to use the Byd icon

React

import { Icon } from "@iconify/react";

<Icon icon="cbi:byd" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="cbi:byd" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="cbi:byd" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--byd]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:byd"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="cbi:byd"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/cbi/byd.svg" alt="Byd icon" width="24" height="24">

Byd icon in other icon sets

Byd icon FAQ

Is the Byd 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 Byd icon in React?

Install @iconify/react and render <Icon icon="cbi:byd" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Byd icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cbi/byd.svg" alt="Byd icon">, or paste the SVG code inline to style it with CSS.

Browse all Custom Brand Icons →