Bitfocus icon

cbi:bitfocus

The Bitfocus icon (cbi:bitfocus) 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="M10.289 2.143A10.002 10.002 0 1 0 21.51 15.109A10.022 10.022 0 0 0 10.289 2.143m4.723 2.902a1.598 1.598 0 1 1 1.42 2.305a1.623 1.623 0 0 1-1.42-2.305m-3.286 14.008c-.033 0-.06-.191-.06-.424v-.423l-.58-.055a5.44 5.44 0 0 1-4.171-2.459c-.986-1.263-.961-1.148-.347-1.614l.489-.371l.149.2c.081.109.45.585.82 1.056a3.94 3.94 0 0 0 3.171 1.853h.46l.026-.462l.026-.464l1.294.764a14 14 0 0 1 1.31.828a24 24 0 0 1-2.587 1.571m1.218-10.059c.646.384 1.227.749 1.292.809c.1.09-.114.245-1.205.892l-1.322.784l-.026-.485l-.026-.483l-1.222.035a3.57 3.57 0 0 0-1.936.354a7 7 0 0 1-.783.318a2.7 2.7 0 0 1-.472-1.199a6.03 6.03 0 0 1 3.278-.784h1.144V8.77c0-.584-.117-.605 1.278.224m-2.406 5.322a6.25 6.25 0 0 1-3.296-.783a3.15 3.15 0 0 1 .444-1.199c.023 0 .395.144.826.321a3.94 3.94 0 0 0 1.969.351l1.183.033v-.484c0-.57-.181-.618 1.537.404c.948.564 1.129.7 1.032.793c-.119.111-2.464 1.508-2.532 1.508a1.6 1.6 0 0 1-.037-.474v-.473Zm2.465-7.404l-1.291.768l-.026-.478l-.026-.478l-.644.049c-1.257.095-2.023.583-3.097 1.978c-.411.531-.771.999-.799 1.031a2.9 2.9 0 0 1-1.023-.713a7 7 0 0 1 .763-1.116a5.32 5.32 0 0 1 4.235-2.538l.58-.057v-.921l1.328.79a10 10 0 0 1 1.312.854a15 15 0 0 1-1.312.831m3.443 12.486a1.563 1.563 0 0 1-1.571-1.775a1.587 1.587 0 1 1 1.571 1.775m-.689-6.833a2.05 2.05 0 0 1 1.398-.014a1.598 1.598 0 1 1-1.398.014m.741-1.427a1.47 1.47 0 0 1-1.482-.878a1.591 1.591 0 1 1 1.482.878"/></svg>

How to use the Bitfocus icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Bitfocus icon FAQ

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

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

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

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

Browse all Custom Brand Icons →