2n icon

cbi:2n

The 2n icon (cbi:2n) 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.98 8.165a2 2 0 0 0-.157-.622a2.2 2.2 0 0 0-.404-.635a2.2 2.2 0 0 0-.733-.532a1.8 1.8 0 0 0-.438-.138l-.15-.022q-.026-.007-.049-.021H3.952c-.016.007-.025.018-.049.02a2.06 2.06 0 0 0-1.076.462q-.42.34-.634.838a2.2 2.2 0 0 0-.148.487A3 3 0 0 0 2 8.548q0 3.506.002 7.004a2.28 2.28 0 0 0 .591 1.547q.309.339.727.525a2.2 2.2 0 0 0 .977.179h15.49c.056 0 .112.005.166-.002a8 8 0 0 0 .358-.056a2 2 0 0 0 .34-.11a2.2 2.2 0 0 0 1.307-1.633c.014-.104.022-.211.035-.316l.007-.059V8.419c-.007-.118-.013-.186-.018-.255Zm-10.69 2.549a1.8 1.8 0 0 1-.087.528a1.12 1.12 0 0 1-.533.649l-.123.067c-.079.045-.17.059-.258.082q-.266.065-.532.125c-.14.033-.28.061-.42.094l-.313.077l-.419.094l-.295.069l-.438.101l-.307.073l-.431.1l-.412.099l-.419.094l-.307.074l-.148.034a.235.235 0 0 0-.201.225q-.007.299-.006.598c0 .094 0 .188.009.282a.5.5 0 0 0 .04.144c.042.098.126.144.224.168c.166.042.336.044.507.042h.074l3.877-.001l.816-.001l.08.003v1.285c-.02-.083-.038-.081-.056-.081H9.251l-1.341-.002H5.452a1.6 1.6 0 0 1-.476-.063a1.02 1.02 0 0 1-.702-.678a1.5 1.5 0 0 1-.071-.474q0-.66.003-1.319c0-.126.009-.247.029-.377c.037-.234.115-.453.271-.639a1 1 0 0 1 .373-.27c.155-.072.318-.117.484-.153l.443-.101c.112-.025.226-.045.339-.07l.449-.101q.222-.048.446-.093l.324-.073l.457-.099l.338-.076l.45-.097l.45-.101c.107-.024.213-.044.319-.07a.8.8 0 0 0 .322-.148a.5.5 0 0 0 .177-.301a1.3 1.3 0 0 0-.005-.529c-.031-.159-.106-.195-.252-.381a.6.6 0 0 0-.291-.077q-.221-.003-.445-.002H6.155c-.094 0-.187.01-.279.02a.4.4 0 0 0-.167.067a.27.27 0 0 0-.103.153a.6.6 0 0 0-.02.181v.14c-.046-.044-1.274-.039-1.358-.052q-.004-.022-.005-.046c.002-.272-.004-.546.011-.818a.78.78 0 0 1 .313-.585c.153-.119.33-.185.518-.223c.179-.037.358-.044.54-.044l3.28-.003l1.103-.002q.084 0 .165.004c.14.004.273.04.4.092c.199.084.367.21.496.386c.118.162.202.343.226.543c.021.125.016.251.018.377q.003.541-.002 1.08Zm8.39 4.198q-.114.302-.363.506a1.45 1.45 0 0 1-.881.311h-1.055c-.168 0-.333-.008-.497-.036a1.45 1.45 0 0 1-.59-.222a1.23 1.23 0 0 1-.426-.526a2 2 0 0 1-.13-.396c-.021-.087-.03-.177-.046-.265l-.059-.324l-.049-.287l-.036-.192l-.048-.264l-.056-.33l-.056-.318l-.048-.263l-.077-.413c-.019-.102-.042-.206-.061-.309l-.045-.265l-.054-.281l-.055-.299l-.054-.275l-.056-.305c-.026-.121-.052-.242-.138-.339a.48.48 0 0 0-.289-.166a1.8 1.8 0 0 0-.636.001c-.134.026-.252.086-.313.221a.45.45 0 0 0-.038.19v.592l.001 2.914l.003 2.07c0 .085 0 .085-.084.085h-1.066q-.045 0-.046-.045V9.55c0-.09 0-.179.013-.268c.064-.411.257-.738.64-.929a1.1 1.1 0 0 1 .316-.101a1.6 1.6 0 0 1 .285-.018c.467 0 .934-.007 1.401.004c.366.009.68.145.917.436q.19.234.279.519q.059.175.103.35c.02.085.03.172.047.257l.061.318l.047.276l.072.369l.037.211l.051.257l.097.525l.057.293l.049.275l.053.281l.058.318l.054.268q.034.194.073.389c.026.125.049.251.083.373a.5.5 0 0 0 .364.357a.8.8 0 0 0 .272.026c.069-.005.139-.004.207-.007c.078-.004.155-.003.23-.014a.4.4 0 0 0 .265-.178a.56.56 0 0 0 .094-.309l.005-3.152l.004-2.363v-.031h1.196c.003-.03.005-.015.005 0v6.101c0 .181-.026.358-.089.526Z"/></svg>

How to use the 2n icon

React

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

<Icon icon="cbi:2n" width="24" />

Vue

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

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

Svelte

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

<Icon icon="cbi:2n" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="cbi:2n"></iconify-icon>

HTML image

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

2n icon FAQ

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

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

How do I add the 2n icon to a web page?

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

Browse all Custom Brand Icons →