zigbee logo

The same logo in other sets

Use the zigbee logo

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><defs><radialGradient cx="50%" cy="50%" fx="50%" fy="50%" r="50%" id="ssvg-id-zigbeea"><stop stop-color="#DC001F" offset="0%"/><stop stop-color="#D5001D" offset="64.215%"/><stop stop-color="#AE0017" offset="82.382%"/><stop stop-color="#590E0A" offset="100%"/></radialGradient><linearGradient x1="49.895%" y1="100%" x2="49.994%" y2="-1.924%" id="ssvg-id-zigbeeb"><stop stop-color="#D4001C" offset="0%"/><stop stop-color="#EC8A6C" offset="53.134%"/><stop stop-color="#FCEFE7" offset="88.757%"/><stop stop-color="#FDF7F1" offset="100%"/></linearGradient></defs><path d="M0 128c0 70.7 57.3 128 128 128s128-57.3 128-128S198.7 0 128 0S0 57.3 0 128z" fill="url(#ssvg-id-zigbeea)"/><path d="M41.864 60.336c0 28.611 38.35 20.78 85.634 20.78c47.285 0 85.635 7.831 85.635-20.78c0-28.512-38.35-51.702-85.635-51.702c-47.285-.1-85.634 23.09-85.634 51.702z" fill="url(#ssvg-id-zigbeeb)"/><path d="M89.55 201.688c-.201-.301 29.214-32.728 63.648-66.56c34.134-33.832 63.147-63.75 63.247-63.75c-1.104-23.49-18.371-34.835-33.932-36.743c-9.838-2.008-82.623-4.618-123.984 1.807c-7.724.93-15.447 1.948-23.25 3.21c-.304.05-3.365 3.234-6.09 6.524c-2.795 3.374-5.25 6.854-4.996 6.818a753.552 753.552 0 0 1 71.021-6.616a736.201 736.201 0 0 1 72.943.304c.502.402-27.206 31.122-61.34 64.553c-33.932 33.33-64.652 64.15-67.664 67.764c-.2 24.496 20.58 33.933 31.724 36.141c51.702 5.02 103.9 3.224 155.603-5.109c0 0 4.59-5.17 5.144-6.118c.555-.948 4.53-6.898 4.403-6.88c-49.594 7.07-99.158 9.264-148.184 6.562c1.074-.9 1.104-1.204 1.707-1.907z" fill="#FFF"/></svg>

import type { SVGProps } from "react";

export function LogosZigbee(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><defs><radialGradient cx="50%" cy="50%" fx="50%" fy="50%" r="50%" id="ssvgId-zigbeea"><stop stopColor="#DC001F" offset="0%"/><stop stopColor="#D5001D" offset="64.215%"/><stop stopColor="#AE0017" offset="82.382%"/><stop stopColor="#590E0A" offset="100%"/></radialGradient><linearGradient x1="49.895%" y1="100%" x2="49.994%" y2="-1.924%" id="ssvgId-zigbeeb"><stop stopColor="#D4001C" offset="0%"/><stop stopColor="#EC8A6C" offset="53.134%"/><stop stopColor="#FCEFE7" offset="88.757%"/><stop stopColor="#FDF7F1" offset="100%"/></linearGradient></defs><path d="M0 128c0 70.7 57.3 128 128 128s128-57.3 128-128S198.7 0 128 0S0 57.3 0 128z" fill="url(#ssvgId-zigbeea)"/><path d="M41.864 60.336c0 28.611 38.35 20.78 85.634 20.78c47.285 0 85.635 7.831 85.635-20.78c0-28.512-38.35-51.702-85.635-51.702c-47.285-.1-85.634 23.09-85.634 51.702z" fill="url(#ssvgId-zigbeeb)"/><path d="M89.55 201.688c-.201-.301 29.214-32.728 63.648-66.56c34.134-33.832 63.147-63.75 63.247-63.75c-1.104-23.49-18.371-34.835-33.932-36.743c-9.838-2.008-82.623-4.618-123.984 1.807c-7.724.93-15.447 1.948-23.25 3.21c-.304.05-3.365 3.234-6.09 6.524c-2.795 3.374-5.25 6.854-4.996 6.818a753.552 753.552 0 0 1 71.021-6.616a736.201 736.201 0 0 1 72.943.304c.502.402-27.206 31.122-61.34 64.553c-33.932 33.33-64.652 64.15-67.664 67.764c-.2 24.496 20.58 33.933 31.724 36.141c51.702 5.02 103.9 3.224 155.603-5.109c0 0 4.59-5.17 5.144-6.118c.555-.948 4.53-6.898 4.403-6.88c-49.594 7.07-99.158 9.264-148.184 6.562c1.074-.9 1.104-1.204 1.707-1.907z" fill="#FFF"/></svg>
  );
}

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><defs><radialGradient cx="50%" cy="50%" fx="50%" fy="50%" r="50%" id="ssvg-id-zigbeea"><stop stop-color="#DC001F" offset="0%"/><stop stop-color="#D5001D" offset="64.215%"/><stop stop-color="#AE0017" offset="82.382%"/><stop stop-color="#590E0A" offset="100%"/></radialGradient><linearGradient x1="49.895%" y1="100%" x2="49.994%" y2="-1.924%" id="ssvg-id-zigbeeb"><stop stop-color="#D4001C" offset="0%"/><stop stop-color="#EC8A6C" offset="53.134%"/><stop stop-color="#FCEFE7" offset="88.757%"/><stop stop-color="#FDF7F1" offset="100%"/></linearGradient></defs><path d="M0 128c0 70.7 57.3 128 128 128s128-57.3 128-128S198.7 0 128 0S0 57.3 0 128z" fill="url(#ssvg-id-zigbeea)"/><path d="M41.864 60.336c0 28.611 38.35 20.78 85.634 20.78c47.285 0 85.635 7.831 85.635-20.78c0-28.512-38.35-51.702-85.635-51.702c-47.285-.1-85.634 23.09-85.634 51.702z" fill="url(#ssvg-id-zigbeeb)"/><path d="M89.55 201.688c-.201-.301 29.214-32.728 63.648-66.56c34.134-33.832 63.147-63.75 63.247-63.75c-1.104-23.49-18.371-34.835-33.932-36.743c-9.838-2.008-82.623-4.618-123.984 1.807c-7.724.93-15.447 1.948-23.25 3.21c-.304.05-3.365 3.234-6.09 6.524c-2.795 3.374-5.25 6.854-4.996 6.818a753.552 753.552 0 0 1 71.021-6.616a736.201 736.201 0 0 1 72.943.304c.502.402-27.206 31.122-61.34 64.553c-33.932 33.33-64.652 64.15-67.664 67.764c-.2 24.496 20.58 33.933 31.724 36.141c51.702 5.02 103.9 3.224 155.603-5.109c0 0 4.59-5.17 5.144-6.118c.555-.948 4.53-6.898 4.403-6.88c-49.594 7.07-99.158 9.264-148.184 6.562c1.074-.9 1.104-1.204 1.707-1.907z" fill="#FFF"/></svg>
</template>

.icon-zigbee {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cdefs%3E%3CradialGradient%20cx%3D%2250%25%22%20cy%3D%2250%25%22%20fx%3D%2250%25%22%20fy%3D%2250%25%22%20r%3D%2250%25%22%20id%3D%22ssvg-id-zigbeea%22%3E%3Cstop%20stop-color%3D%22%23DC001F%22%20offset%3D%220%25%22%2F%3E%3Cstop%20stop-color%3D%22%23D5001D%22%20offset%3D%2264.215%25%22%2F%3E%3Cstop%20stop-color%3D%22%23AE0017%22%20offset%3D%2282.382%25%22%2F%3E%3Cstop%20stop-color%3D%22%23590E0A%22%20offset%3D%22100%25%22%2F%3E%3C%2FradialGradient%3E%3ClinearGradient%20x1%3D%2249.895%25%22%20y1%3D%22100%25%22%20x2%3D%2249.994%25%22%20y2%3D%22-1.924%25%22%20id%3D%22ssvg-id-zigbeeb%22%3E%3Cstop%20stop-color%3D%22%23D4001C%22%20offset%3D%220%25%22%2F%3E%3Cstop%20stop-color%3D%22%23EC8A6C%22%20offset%3D%2253.134%25%22%2F%3E%3Cstop%20stop-color%3D%22%23FCEFE7%22%20offset%3D%2288.757%25%22%2F%3E%3Cstop%20stop-color%3D%22%23FDF7F1%22%20offset%3D%22100%25%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M0%20128c0%2070.7%2057.3%20128%20128%20128s128-57.3%20128-128S198.7%200%20128%200S0%2057.3%200%20128z%22%20fill%3D%22url(%23ssvg-id-zigbeea)%22%2F%3E%3Cpath%20d%3D%22M41.864%2060.336c0%2028.611%2038.35%2020.78%2085.634%2020.78c47.285%200%2085.635%207.831%2085.635-20.78c0-28.512-38.35-51.702-85.635-51.702c-47.285-.1-85.634%2023.09-85.634%2051.702z%22%20fill%3D%22url(%23ssvg-id-zigbeeb)%22%2F%3E%3Cpath%20d%3D%22M89.55%20201.688c-.201-.301%2029.214-32.728%2063.648-66.56c34.134-33.832%2063.147-63.75%2063.247-63.75c-1.104-23.49-18.371-34.835-33.932-36.743c-9.838-2.008-82.623-4.618-123.984%201.807c-7.724.93-15.447%201.948-23.25%203.21c-.304.05-3.365%203.234-6.09%206.524c-2.795%203.374-5.25%206.854-4.996%206.818a753.552%20753.552%200%200%201%2071.021-6.616a736.201%20736.201%200%200%201%2072.943.304c.502.402-27.206%2031.122-61.34%2064.553c-33.932%2033.33-64.652%2064.15-67.664%2067.764c-.2%2024.496%2020.58%2033.933%2031.724%2036.141c51.702%205.02%20103.9%203.224%20155.603-5.109c0%200%204.59-5.17%205.144-6.118c.555-.948%204.53-6.898%204.403-6.88c-49.594%207.07-99.158%209.264-148.184%206.562c1.074-.9%201.104-1.204%201.707-1.907z%22%20fill%3D%22%23FFF%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cdefs%3E%3CradialGradient%20cx%3D%2250%25%22%20cy%3D%2250%25%22%20fx%3D%2250%25%22%20fy%3D%2250%25%22%20r%3D%2250%25%22%20id%3D%22ssvg-id-zigbeea%22%3E%3Cstop%20stop-color%3D%22%23DC001F%22%20offset%3D%220%25%22%2F%3E%3Cstop%20stop-color%3D%22%23D5001D%22%20offset%3D%2264.215%25%22%2F%3E%3Cstop%20stop-color%3D%22%23AE0017%22%20offset%3D%2282.382%25%22%2F%3E%3Cstop%20stop-color%3D%22%23590E0A%22%20offset%3D%22100%25%22%2F%3E%3C%2FradialGradient%3E%3ClinearGradient%20x1%3D%2249.895%25%22%20y1%3D%22100%25%22%20x2%3D%2249.994%25%22%20y2%3D%22-1.924%25%22%20id%3D%22ssvg-id-zigbeeb%22%3E%3Cstop%20stop-color%3D%22%23D4001C%22%20offset%3D%220%25%22%2F%3E%3Cstop%20stop-color%3D%22%23EC8A6C%22%20offset%3D%2253.134%25%22%2F%3E%3Cstop%20stop-color%3D%22%23FCEFE7%22%20offset%3D%2288.757%25%22%2F%3E%3Cstop%20stop-color%3D%22%23FDF7F1%22%20offset%3D%22100%25%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M0%20128c0%2070.7%2057.3%20128%20128%20128s128-57.3%20128-128S198.7%200%20128%200S0%2057.3%200%20128z%22%20fill%3D%22url(%23ssvg-id-zigbeea)%22%2F%3E%3Cpath%20d%3D%22M41.864%2060.336c0%2028.611%2038.35%2020.78%2085.634%2020.78c47.285%200%2085.635%207.831%2085.635-20.78c0-28.512-38.35-51.702-85.635-51.702c-47.285-.1-85.634%2023.09-85.634%2051.702z%22%20fill%3D%22url(%23ssvg-id-zigbeeb)%22%2F%3E%3Cpath%20d%3D%22M89.55%20201.688c-.201-.301%2029.214-32.728%2063.648-66.56c34.134-33.832%2063.147-63.75%2063.247-63.75c-1.104-23.49-18.371-34.835-33.932-36.743c-9.838-2.008-82.623-4.618-123.984%201.807c-7.724.93-15.447%201.948-23.25%203.21c-.304.05-3.365%203.234-6.09%206.524c-2.795%203.374-5.25%206.854-4.996%206.818a753.552%20753.552%200%200%201%2071.021-6.616a736.201%20736.201%200%200%201%2072.943.304c.502.402-27.206%2031.122-61.34%2064.553c-33.932%2033.33-64.652%2064.15-67.664%2067.764c-.2%2024.496%2020.58%2033.933%2031.724%2036.141c51.702%205.02%20103.9%203.224%20155.603-5.109c0%200%204.59-5.17%205.144-6.118c.555-.948%204.53-6.898%204.403-6.88c-49.594%207.07-99.158%209.264-148.184%206.562c1.074-.9%201.104-1.204%201.707-1.907z%22%20fill%3D%22%23FFF%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/zigbee.svg?color=%231a73e8&size=48