Zigbee2mqtt icon
cbi:zigbee2mqtt
The Zigbee2mqtt icon (cbi:zigbee2mqtt) 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
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M8.423 2.003c-.18-.009-.356-.002-.473.058c-.169.086-.311.291-.444.425l-.888.903l-2.95 2.998l-.938.956c-.183.185-.395.351-.477.61c-.146.453-.045 1.064-.045 1.538v5.496c0 .36-.069.8.063 1.141c.093.239.284.406.459.584l.807.822l2.95 2.997l.967.983c.141.143.301.368.496.436c.137.048.325.017.469.017h6.683c.26 0 .732.091.967-.029c.168-.086.31-.29.443-.424l.886-.901c.979-.996 1.97-1.977 2.95-2.972l.94-.956c.182-.184.393-.354.468-.612c.139-.473.028-1.05.028-1.539v-3.238c0-.76-.009-1.521 0-2.281c.005-.364.09-.763-.047-1.115c-.088-.228-.282-.389-.449-.557l-.809-.824c-.996-1.012-2.006-2.013-3.002-3.026c-.335-.34-.68-.669-1.018-1.007c-.133-.134-.289-.369-.469-.436c-.128-.048-.311-.015-.446-.015H8.915c-.131 0-.313-.024-.492-.032m4.974 1.395c.042 0 .038.003.045.01c.022.019.019.054-.004.075c-.009.007-.039.009-.307.022a8 8 0 0 0-.301.017c-.003.004-.203.87-.203.881q.002.006.02.019c.172.107.313.316.378.56c.031.116.04.204.04.339c0 .125-.012.227-.044.345l-.015.05l.02.024c.026.031.071.122.12.245c.019.048.035.086.036.086l.112.038c.151.05.343.107.718.215c.731.21 1.111.328 1.439.446c.789.285 1.269.573 1.479.883a.7.7 0 0 1 .112.26c.01.053.01.178-.002.23a1.3 1.3 0 0 1-.116.307q-.268.476-.912.61a2.8 2.8 0 0 1-1.038-.006c-.325-.061-.619-.174-.74-.287a18 18 0 0 1-.504-.536a10 10 0 0 1-.575-.698c-.053-.074-.053-.073-.057-.059l-.043.119a2 2 0 0 1-.229.054a4 4 0 0 1-.286.04a6 6 0 0 1-.527-.002c-.186-.018-.396-.05-.408-.066l-.036-.084l-.029-.077l-.029.04a9 9 0 0 1-.607.748c-.209.232-.474.511-.533.561a1 1 0 0 1-.242.137c-.21.088-.464.145-.773.178a7 7 0 0 1-.422.006l-.08-.006c-.331-.029-.627-.131-.84-.288a1.1 1.1 0 0 1-.391-.527a.7.7 0 0 1-.05-.258c0-.138.036-.247.124-.373c.177-.259.529-.495 1.094-.732c.407-.17.859-.318 1.817-.593q.6-.171.833-.254c.051-.017.051-.019.058-.036c.062-.161.08-.207.102-.252a.4.4 0 0 1 .045-.073l.019-.02l-.013-.043a1.3 1.3 0 0 1-.048-.352a1.25 1.25 0 0 1 .13-.571a.86.86 0 0 1 .277-.321a.1.1 0 0 0 .032-.026c0-.004-.045-.204-.101-.445l-.102-.438l-.296-.014c-.249-.011-.301-.015-.312-.022a.05.05 0 0 1-.014-.064c.014-.026.004-.026.324-.01c.366.016.34.015.351.029c.005.007.086.211.182.453l.171.441l.026-.001a.6.6 0 0 1 .124 0l.027.002l.149-.382l.175-.449c.022-.056.027-.065.039-.071c.009-.006.071-.011.291-.02c.191-.01.277-.013.32-.014m-.331 4.555a4 4 0 0 1 .175.565a.3.3 0 0 1-.072.027a2.3 2.3 0 0 1-.532.094a5 5 0 0 1-.396.004a3.4 3.4 0 0 1-.552-.079a2 2 0 0 1-.259-.076c-.008-.01.141-.489.159-.51a.1.1 0 0 1 .035.004c.112.023.287.046.431.057a3.2 3.2 0 0 0 .982-.085q.024-.005.028-.001m-1.708.832s.022.005.045.013c.099.034.268.078.383.099c.521.096 1.049.073 1.478-.062l.056-.017a5 5 0 0 1 .071.577c0 .008-.008.011-.056.031a2.2 2.2 0 0 1-.671.15a3 3 0 0 1-.247.005c-.185-.001-.193-.001-.3-.011a3 3 0 0 1-.663-.136a2 2 0 0 1-.169-.07a4 4 0 0 1 .036-.353a4 4 0 0 1 .038-.226m-.077.971l.053.019c.62.23 1.45.245 2.023.036l.045-.016v.022a3 3 0 0 1-.074.555l-.014.055l-.048.019a2.1 2.1 0 0 1-.565.119a5 5 0 0 1-.383.009a2.9 2.9 0 0 1-.894-.172c-.071-.027-.062-.012-.086-.132a3 3 0 0 1-.053-.453Zm.198 1.048a.3.3 0 0 1 .055.014a3.2 3.2 0 0 0 1.162.108a3 3 0 0 0 .443-.077c.001.002-.054.106-.075.141a2 2 0 0 1-.268.34a2 2 0 0 1-.226.192a.5.5 0 0 1-.155.067a.6.6 0 0 1-.204-.002a.5.5 0 0 1-.127-.053a1.8 1.8 0 0 1-.584-.68a.3.3 0 0 1-.02-.05m-.712 1.315h.81v3.292h-.68l-.026-.744l-.074-1.805Zm2.194 0h.68l.076 2.415l.026.612l-.027.218l-.233.047l-.522.026Zm-1.548 4.958c.169.002.334.023.477.053c.162.034.346.089.457.222c.12.146.12.347.12.527c0 .351.013.709-.002 1.061c-.023.512-.611.5-.73.93c-.146 0-.362.04-.496-.029c-.142-.071-.237-.229-.367-.323c-.163-.119-.339-.204-.4-.419c-.076-.266-.016-.624-.016-.9c0-.3-.077-.696.185-.906c.204-.164.491-.217.772-.216m-1.704.018c.114 0 .209.04.242.153c.059.205.01.498.01.71v1.539h-.706v-1.062c-.372.264-.512.323-.862-.026v1.115h-.706v-2.336c.157-.043.307-.099.472-.069c.316.057.528.462.653.733c.146-.175.237-.391.392-.557a.86.86 0 0 1 .506-.201m5.001.067c0 .124.088.471-.016.557c-.132.108-.464-.018-.543.165c-.057.133-.014.356-.014.499v1.114h-.758V17.8l-.6-.054l-.053-.557Zm.208 0h1.958v.584l-.574.054v1.723h-.731v-1.698l-.627-.08Zm-3.757.612v1.219l.574-.026v-1.193Z"/></svg>How to use the Zigbee2mqtt icon
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:zigbee2mqtt" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:zigbee2mqtt" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:zigbee2mqtt" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--zigbee2mqtt]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:zigbee2mqtt"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:zigbee2mqtt"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/cbi/zigbee2mqtt.svg" alt="Zigbee2mqtt icon" width="24" height="24">Zigbee2mqtt icon in other icon sets
Zigbee2mqtt icon FAQ
Is the Zigbee2mqtt 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 Zigbee2mqtt icon in React?
Install @iconify/react and render <Icon icon="cbi:zigbee2mqtt" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Zigbee2mqtt icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cbi/zigbee2mqtt.svg" alt="Zigbee2mqtt icon">, or paste the SVG code inline to style it with CSS.