Unifi icon

cbi:unifi

The Unifi icon (cbi:unifi) 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="M11.82 8.845c-.507.702-.725 1.499-.821 2.104H9.935c.097-.725.362-1.764 1.04-2.708c.87-1.233 2.49-2.225 5.101-2.152l-.217 1.04c-2.225 0-3.362.797-4.038 1.716m3.869-.919l-.217 1.065c-1.161.072-1.765.556-2.153 1.064c-.216.29-.338.605-.435.918h-1.064c.097-.459.291-.991.654-1.522c.556-.824 1.62-1.476 3.215-1.524m-1.935 3.047c.072-.145.122-.217.217-.362c.243-.363.629-.653 1.283-.702l-.243 1.064Zm7.375-1.063s.847.193.87 1.064h-1.112Zm-14.29.024h1.257l-1.185 5.512c-.386 1.814-1.426 2.468-2.925 2.468c-1.524 0-2.274-.654-1.886-2.468L3.285 9.91h1.257l-1.207 5.634c-.218.991.096 1.426.846 1.426s1.233-.435 1.45-1.426L6.84 9.91Zm4.473 1.764c.895 0 1.378.412 1.112 1.621l-.943 4.449h-1.185l.872-4.063c.145-.774 0-1.064-.604-1.064c-.484 0-1.017.387-1.186 1.161l-.821 3.941H7.372l1.257-5.9h1.112l-.145.702h.024a2.15 2.15 0 0 1 1.693-.847m2.345.145h1.185l-1.257 5.924h-1.185Zm3.096 1.305h2.755l-.216 1.04h-2.758l-.773 3.579h-1.257l1.692-7.858h4.014l-.242 1.063h-2.756Zm2.708 4.619l1.233-5.924h1.209l-1.258 5.924Z"/></svg>

How to use the Unifi icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Related icons in Custom Brand Icons

Unifi icon FAQ

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

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

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

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

Browse all Custom Brand Icons →