zigbee2mqtt SVG 图标
simple-iconszigbee2mqtt
来自 Simple Icons 开源图标集,矢量 SVG 可无损缩放到任意尺寸,支持在线改色、复制 React/Vue/HTML 代码。
- 图标 ID
- simple-icons:zigbee2mqtt
- 中文名
- —
- 所属集合
- Simple Icons
- 集合规模
- 3,467 枚
- 基础网格
- 24px
- 色彩
- 单色(可改色)
- 开源协议
- CC0-1.0
- 作者
- Simple Icons Collaborators
simple-iconszigbee2mqtt
来自 Simple Icons 开源图标集,矢量 SVG 可无损缩放到任意尺寸,支持在线改色、复制 React/Vue/HTML 代码。
SVG 矢量源文件,或 PNG 按 16~512 预设与 16~1024 自定义尺寸导出,任意尺寸边缘锐利。
PNG 由矢量源实时渲染,任意尺寸边缘锐利无锯齿;下载与预览均免费,无需注册。
切换预览颜色后,下方三底色、真实界面场景与各尺寸渲染会实时跟随。
内联 SVG、React、Vue 与 CSS mask 四种主流引用方式,代码基于当前源文件生成,复制即用。
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.044 0L.038 7.03v9.94L7.044 24h9.91l7.008-7.03V7.03L16.954 0Zm4.525 1.904c.02.001.04.011.047.03l.467.96a.8.8 0 0 1 .242 0l.467-.958a.05.05 0 0 1 .047-.032l.838-.031c.028 0 .053.02.054.049a.05.05 0 0 1-.05.053l-.805.03l-.28.968c.356.164.604.543.604.986c0 .155-.03.304-.086.437q.03.022.053.045s.098.144.184.338c1.641.462 5.698 1.05 5.238 2.32c-.517 1.428-3.34.991-3.813.604c-.64-.525-1.184-1.019-1.529-1.414a3 3 0 0 1-.064.148a5.3 5.3 0 0 1-1.97.034a2 2 0 0 1-.089-.184c-.343.4-.898.905-1.555 1.443c-.472.387-3.295.824-3.812-.603c-.467-1.288 3.709-1.873 5.305-2.338c.084-.204.181-.35.181-.35a.3.3 0 0 1 .05-.044a1.1 1.1 0 0 1-.085-.436c0-.443.249-.822.604-.986l-.278-.967l-.806-.031a.05.05 0 0 1-.051-.053a.05.05 0 0 1 .054-.049zm1.63 4.92c.082.173.168.385.243.623c-.743.207-1.766.164-2.472-.037c.068-.21.144-.398.218-.556a5.7 5.7 0 0 0 2.01-.03zm-2.321.908c.768.219 1.84.265 2.668.038c.047.203.082.418.098.636c-.82.3-2.113.237-2.872-.04c.018-.218.057-.432.106-.634m-.106 1.057c.812.26 2.023.314 2.887.043a2.5 2.5 0 0 1-.12.686c-.676.236-1.88.218-2.66-.053q-.098-.332-.107-.676m.264 1.139c.727.182 1.613.193 2.266.05a2.1 2.1 0 0 1-.676.67a.75.75 0 0 1-.887 0c-.549-.347-.703-.751-.703-.72m2.858 2.136c.14-.002.162.077.164.16l.064 3.712c.002.089-.024.161-.158.164l-.65.011c-.121.002-.163-.058-.165-.158l-.064-3.713c-.002-.12.059-.162.158-.164zm-2.565.045c.14-.002.163.077.164.16l.067 3.711c.002.115-.052.163-.16.165l-.649.011c-.128.002-.164-.064-.166-.158l-.064-3.713c-.002-.114.05-.162.16-.164zm.633 6.057c.133.033.471.124.582.432a1 1 0 0 1 .055.34v1.35q0 .153-.037.284c-.095.342-.425.47-.768.516v.223c0 .1-.045.146-.147.146h-.625c-.126 0-.146-.068-.146-.146v-.223q-.471-.07-.637-.283a.82.82 0 0 1-.164-.518v-1.35a1 1 0 0 1 .055-.34c.11-.307.45-.398.584-.431q.247-.061.625-.062c.378-.001.459.021.623.062m-4.492 0c.068 0 .129.017.187.121l.365.662c.036.063.053.07.075.07h.035c.022 0 .039-.006.074-.07l.361-.662c.05-.089.098-.121.188-.121h.658c.078 0 .147.02.147.146v2.633c0 .101-.046.147-.147.147h-.627c-.101 0-.146-.046-.146-.147v-1.431l-.239.443a.22.22 0 0 1-.216.13h-.163a.22.22 0 0 1-.214-.13l-.24-.443v1.431c0 .101-.046.147-.147.147h-.606c-.1 0-.146-.046-.146-.147v-2.633c0-.126.068-.146.146-.146zm7.75 0c.078 0 .146.02.146.146v.49c0 .127-.068.147-.146.147h-.598v1.996c0 .078-.02.147-.146.147h-.659c-.1 0-.146-.046-.146-.147V18.95h-.598c-.102 0-.144-.038-.144-.146v-.49c0-.109.043-.147.144-.147h2.147zm2.666 0c.078 0 .146.02.146.146v.49c0 .127-.068.147-.146.147h-.598v1.996c0 .078-.02.147-.146.147h-.659c-.1 0-.146-.046-.146-.147V18.95h-.598c-.102 0-.144-.038-.144-.146v-.49c0-.109.043-.147.144-.147h2.147zm-6.828.79a.17.17 0 0 0-.06.132v1.11q0 .08.06.136c.083.075.479.075.562 0a.18.18 0 0 0 .06-.137v-1.11a.17.17 0 0 0-.06-.132c-.083-.075-.48-.075-.562 0z"/></svg>export function Zigbee2mqttIcon(props: React.SVGProps<SVGSVGElement>) {
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width="1em"
height="1em"
viewBox="0 0 24 24"
fill="currentColor"
{...props}
dangerouslySetInnerHTML={{ __html: `<path fill="currentColor" d="M7.044 0L.038 7.03v9.94L7.044 24h9.91l7.008-7.03V7.03L16.954 0Zm4.525 1.904c.02.001.04.011.047.03l.467.96a.8.8 0 0 1 .242 0l.467-.958a.05.05 0 0 1 .047-.032l.838-.031c.028 0 .053.02.054.049a.05.05 0 0 1-.05.053l-.805.03l-.28.968c.356.164.604.543.604.986c0 .155-.03.304-.086.437q.03.022.053.045s.098.144.184.338c1.641.462 5.698 1.05 5.238 2.32c-.517 1.428-3.34.991-3.813.604c-.64-.525-1.184-1.019-1.529-1.414a3 3 0 0 1-.064.148a5.3 5.3 0 0 1-1.97.034a2 2 0 0 1-.089-.184c-.343.4-.898.905-1.555 1.443c-.472.387-3.295.824-3.812-.603c-.467-1.288 3.709-1.873 5.305-2.338c.084-.204.181-.35.181-.35a.3.3 0 0 1 .05-.044a1.1 1.1 0 0 1-.085-.436c0-.443.249-.822.604-.986l-.278-.967l-.806-.031a.05.05 0 0 1-.051-.053a.05.05 0 0 1 .054-.049zm1.63 4.92c.082.173.168.385.243.623c-.743.207-1.766.164-2.472-.037c.068-.21.144-.398.218-.556a5.7 5.7 0 0 0 2.01-.03zm-2.321.908c.768.219 1.84.265 2.668.038c.047.203.082.418.098.636c-.82.3-2.113.237-2.872-.04c.018-.218.057-.432.106-.634m-.106 1.057c.812.26 2.023.314 2.887.043a2.5 2.5 0 0 1-.12.686c-.676.236-1.88.218-2.66-.053q-.098-.332-.107-.676m.264 1.139c.727.182 1.613.193 2.266.05a2.1 2.1 0 0 1-.676.67a.75.75 0 0 1-.887 0c-.549-.347-.703-.751-.703-.72m2.858 2.136c.14-.002.162.077.164.16l.064 3.712c.002.089-.024.161-.158.164l-.65.011c-.121.002-.163-.058-.165-.158l-.064-3.713c-.002-.12.059-.162.158-.164zm-2.565.045c.14-.002.163.077.164.16l.067 3.711c.002.115-.052.163-.16.165l-.649.011c-.128.002-.164-.064-.166-.158l-.064-3.713c-.002-.114.05-.162.16-.164zm.633 6.057c.133.033.471.124.582.432a1 1 0 0 1 .055.34v1.35q0 .153-.037.284c-.095.342-.425.47-.768.516v.223c0 .1-.045.146-.147.146h-.625c-.126 0-.146-.068-.146-.146v-.223q-.471-.07-.637-.283a.82.82 0 0 1-.164-.518v-1.35a1 1 0 0 1 .055-.34c.11-.307.45-.398.584-.431q.247-.061.625-.062c.378-.001.459.021.623.062m-4.492 0c.068 0 .129.017.187.121l.365.662c.036.063.053.07.075.07h.035c.022 0 .039-.006.074-.07l.361-.662c.05-.089.098-.121.188-.121h.658c.078 0 .147.02.147.146v2.633c0 .101-.046.147-.147.147h-.627c-.101 0-.146-.046-.146-.147v-1.431l-.239.443a.22.22 0 0 1-.216.13h-.163a.22.22 0 0 1-.214-.13l-.24-.443v1.431c0 .101-.046.147-.147.147h-.606c-.1 0-.146-.046-.146-.147v-2.633c0-.126.068-.146.146-.146zm7.75 0c.078 0 .146.02.146.146v.49c0 .127-.068.147-.146.147h-.598v1.996c0 .078-.02.147-.146.147h-.659c-.1 0-.146-.046-.146-.147V18.95h-.598c-.102 0-.144-.038-.144-.146v-.49c0-.109.043-.147.144-.147h2.147zm2.666 0c.078 0 .146.02.146.146v.49c0 .127-.068.147-.146.147h-.598v1.996c0 .078-.02.147-.146.147h-.659c-.1 0-.146-.046-.146-.147V18.95h-.598c-.102 0-.144-.038-.144-.146v-.49c0-.109.043-.147.144-.147h2.147zm-6.828.79a.17.17 0 0 0-.06.132v1.11q0 .08.06.136c.083.075.479.075.562 0a.18.18 0 0 0 .06-.137v-1.11a.17.17 0 0 0-.06-.132c-.083-.075-.48-.075-.562 0z"/>` }}
/>
);
}<template>
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" fill="currentColor" v-html="body"></svg>
</template>
<script setup>
const body = `<path fill="currentColor" d="M7.044 0L.038 7.03v9.94L7.044 24h9.91l7.008-7.03V7.03L16.954 0Zm4.525 1.904c.02.001.04.011.047.03l.467.96a.8.8 0 0 1 .242 0l.467-.958a.05.05 0 0 1 .047-.032l.838-.031c.028 0 .053.02.054.049a.05.05 0 0 1-.05.053l-.805.03l-.28.968c.356.164.604.543.604.986c0 .155-.03.304-.086.437q.03.022.053.045s.098.144.184.338c1.641.462 5.698 1.05 5.238 2.32c-.517 1.428-3.34.991-3.813.604c-.64-.525-1.184-1.019-1.529-1.414a3 3 0 0 1-.064.148a5.3 5.3 0 0 1-1.97.034a2 2 0 0 1-.089-.184c-.343.4-.898.905-1.555 1.443c-.472.387-3.295.824-3.812-.603c-.467-1.288 3.709-1.873 5.305-2.338c.084-.204.181-.35.181-.35a.3.3 0 0 1 .05-.044a1.1 1.1 0 0 1-.085-.436c0-.443.249-.822.604-.986l-.278-.967l-.806-.031a.05.05 0 0 1-.051-.053a.05.05 0 0 1 .054-.049zm1.63 4.92c.082.173.168.385.243.623c-.743.207-1.766.164-2.472-.037c.068-.21.144-.398.218-.556a5.7 5.7 0 0 0 2.01-.03zm-2.321.908c.768.219 1.84.265 2.668.038c.047.203.082.418.098.636c-.82.3-2.113.237-2.872-.04c.018-.218.057-.432.106-.634m-.106 1.057c.812.26 2.023.314 2.887.043a2.5 2.5 0 0 1-.12.686c-.676.236-1.88.218-2.66-.053q-.098-.332-.107-.676m.264 1.139c.727.182 1.613.193 2.266.05a2.1 2.1 0 0 1-.676.67a.75.75 0 0 1-.887 0c-.549-.347-.703-.751-.703-.72m2.858 2.136c.14-.002.162.077.164.16l.064 3.712c.002.089-.024.161-.158.164l-.65.011c-.121.002-.163-.058-.165-.158l-.064-3.713c-.002-.12.059-.162.158-.164zm-2.565.045c.14-.002.163.077.164.16l.067 3.711c.002.115-.052.163-.16.165l-.649.011c-.128.002-.164-.064-.166-.158l-.064-3.713c-.002-.114.05-.162.16-.164zm.633 6.057c.133.033.471.124.582.432a1 1 0 0 1 .055.34v1.35q0 .153-.037.284c-.095.342-.425.47-.768.516v.223c0 .1-.045.146-.147.146h-.625c-.126 0-.146-.068-.146-.146v-.223q-.471-.07-.637-.283a.82.82 0 0 1-.164-.518v-1.35a1 1 0 0 1 .055-.34c.11-.307.45-.398.584-.431q.247-.061.625-.062c.378-.001.459.021.623.062m-4.492 0c.068 0 .129.017.187.121l.365.662c.036.063.053.07.075.07h.035c.022 0 .039-.006.074-.07l.361-.662c.05-.089.098-.121.188-.121h.658c.078 0 .147.02.147.146v2.633c0 .101-.046.147-.147.147h-.627c-.101 0-.146-.046-.146-.147v-1.431l-.239.443a.22.22 0 0 1-.216.13h-.163a.22.22 0 0 1-.214-.13l-.24-.443v1.431c0 .101-.046.147-.147.147h-.606c-.1 0-.146-.046-.146-.147v-2.633c0-.126.068-.146.146-.146zm7.75 0c.078 0 .146.02.146.146v.49c0 .127-.068.147-.146.147h-.598v1.996c0 .078-.02.147-.146.147h-.659c-.1 0-.146-.046-.146-.147V18.95h-.598c-.102 0-.144-.038-.144-.146v-.49c0-.109.043-.147.144-.147h2.147zm2.666 0c.078 0 .146.02.146.146v.49c0 .127-.068.147-.146.147h-.598v1.996c0 .078-.02.147-.146.147h-.659c-.1 0-.146-.046-.146-.147V18.95h-.598c-.102 0-.144-.038-.144-.146v-.49c0-.109.043-.147.144-.147h2.147zm-6.828.79a.17.17 0 0 0-.06.132v1.11q0 .08.06.136c.083.075.479.075.562 0a.18.18 0 0 0 .06-.137v-1.11a.17.17 0 0 0-.06-.132c-.083-.075-.48-.075-.562 0z"/>`;
</script>.zigbee2mqtt {
width: 1em;
height: 1em;
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7.044%200L.038%207.03v9.94L7.044%2024h9.91l7.008-7.03V7.03L16.954%200Zm4.525%201.904c.02.001.04.011.047.03l.467.96a.8.8%200%200%201%20.242%200l.467-.958a.05.05%200%200%201%20.047-.032l.838-.031c.028%200%20.053.02.054.049a.05.05%200%200%201-.05.053l-.805.03l-.28.968c.356.164.604.543.604.986c0%20.155-.03.304-.086.437q.03.022.053.045s.098.144.184.338c1.641.462%205.698%201.05%205.238%202.32c-.517%201.428-3.34.991-3.813.604c-.64-.525-1.184-1.019-1.529-1.414a3%203%200%200%201-.064.148a5.3%205.3%200%200%201-1.97.034a2%202%200%200%201-.089-.184c-.343.4-.898.905-1.555%201.443c-.472.387-3.295.824-3.812-.603c-.467-1.288%203.709-1.873%205.305-2.338c.084-.204.181-.35.181-.35a.3.3%200%200%201%20.05-.044a1.1%201.1%200%200%201-.085-.436c0-.443.249-.822.604-.986l-.278-.967l-.806-.031a.05.05%200%200%201-.051-.053a.05.05%200%200%201%20.054-.049zm1.63%204.92c.082.173.168.385.243.623c-.743.207-1.766.164-2.472-.037c.068-.21.144-.398.218-.556a5.7%205.7%200%200%200%202.01-.03zm-2.321.908c.768.219%201.84.265%202.668.038c.047.203.082.418.098.636c-.82.3-2.113.237-2.872-.04c.018-.218.057-.432.106-.634m-.106%201.057c.812.26%202.023.314%202.887.043a2.5%202.5%200%200%201-.12.686c-.676.236-1.88.218-2.66-.053q-.098-.332-.107-.676m.264%201.139c.727.182%201.613.193%202.266.05a2.1%202.1%200%200%201-.676.67a.75.75%200%200%201-.887%200c-.549-.347-.703-.751-.703-.72m2.858%202.136c.14-.002.162.077.164.16l.064%203.712c.002.089-.024.161-.158.164l-.65.011c-.121.002-.163-.058-.165-.158l-.064-3.713c-.002-.12.059-.162.158-.164zm-2.565.045c.14-.002.163.077.164.16l.067%203.711c.002.115-.052.163-.16.165l-.649.011c-.128.002-.164-.064-.166-.158l-.064-3.713c-.002-.114.05-.162.16-.164zm.633%206.057c.133.033.471.124.582.432a1%201%200%200%201%20.055.34v1.35q0%20.153-.037.284c-.095.342-.425.47-.768.516v.223c0%20.1-.045.146-.147.146h-.625c-.126%200-.146-.068-.146-.146v-.223q-.471-.07-.637-.283a.82.82%200%200%201-.164-.518v-1.35a1%201%200%200%201%20.055-.34c.11-.307.45-.398.584-.431q.247-.061.625-.062c.378-.001.459.021.623.062m-4.492%200c.068%200%20.129.017.187.121l.365.662c.036.063.053.07.075.07h.035c.022%200%20.039-.006.074-.07l.361-.662c.05-.089.098-.121.188-.121h.658c.078%200%20.147.02.147.146v2.633c0%20.101-.046.147-.147.147h-.627c-.101%200-.146-.046-.146-.147v-1.431l-.239.443a.22.22%200%200%201-.216.13h-.163a.22.22%200%200%201-.214-.13l-.24-.443v1.431c0%20.101-.046.147-.147.147h-.606c-.1%200-.146-.046-.146-.147v-2.633c0-.126.068-.146.146-.146zm7.75%200c.078%200%20.146.02.146.146v.49c0%20.127-.068.147-.146.147h-.598v1.996c0%20.078-.02.147-.146.147h-.659c-.1%200-.146-.046-.146-.147V18.95h-.598c-.102%200-.144-.038-.144-.146v-.49c0-.109.043-.147.144-.147h2.147zm2.666%200c.078%200%20.146.02.146.146v.49c0%20.127-.068.147-.146.147h-.598v1.996c0%20.078-.02.147-.146.147h-.659c-.1%200-.146-.046-.146-.147V18.95h-.598c-.102%200-.144-.038-.144-.146v-.49c0-.109.043-.147.144-.147h2.147zm-6.828.79a.17.17%200%200%200-.06.132v1.11q0%20.08.06.136c.083.075.479.075.562%200a.18.18%200%200%200%20.06-.137v-1.11a.17.17%200%200%200-.06-.132c-.083-.075-.48-.075-.562%200z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7.044%200L.038%207.03v9.94L7.044%2024h9.91l7.008-7.03V7.03L16.954%200Zm4.525%201.904c.02.001.04.011.047.03l.467.96a.8.8%200%200%201%20.242%200l.467-.958a.05.05%200%200%201%20.047-.032l.838-.031c.028%200%20.053.02.054.049a.05.05%200%200%201-.05.053l-.805.03l-.28.968c.356.164.604.543.604.986c0%20.155-.03.304-.086.437q.03.022.053.045s.098.144.184.338c1.641.462%205.698%201.05%205.238%202.32c-.517%201.428-3.34.991-3.813.604c-.64-.525-1.184-1.019-1.529-1.414a3%203%200%200%201-.064.148a5.3%205.3%200%200%201-1.97.034a2%202%200%200%201-.089-.184c-.343.4-.898.905-1.555%201.443c-.472.387-3.295.824-3.812-.603c-.467-1.288%203.709-1.873%205.305-2.338c.084-.204.181-.35.181-.35a.3.3%200%200%201%20.05-.044a1.1%201.1%200%200%201-.085-.436c0-.443.249-.822.604-.986l-.278-.967l-.806-.031a.05.05%200%200%201-.051-.053a.05.05%200%200%201%20.054-.049zm1.63%204.92c.082.173.168.385.243.623c-.743.207-1.766.164-2.472-.037c.068-.21.144-.398.218-.556a5.7%205.7%200%200%200%202.01-.03zm-2.321.908c.768.219%201.84.265%202.668.038c.047.203.082.418.098.636c-.82.3-2.113.237-2.872-.04c.018-.218.057-.432.106-.634m-.106%201.057c.812.26%202.023.314%202.887.043a2.5%202.5%200%200%201-.12.686c-.676.236-1.88.218-2.66-.053q-.098-.332-.107-.676m.264%201.139c.727.182%201.613.193%202.266.05a2.1%202.1%200%200%201-.676.67a.75.75%200%200%201-.887%200c-.549-.347-.703-.751-.703-.72m2.858%202.136c.14-.002.162.077.164.16l.064%203.712c.002.089-.024.161-.158.164l-.65.011c-.121.002-.163-.058-.165-.158l-.064-3.713c-.002-.12.059-.162.158-.164zm-2.565.045c.14-.002.163.077.164.16l.067%203.711c.002.115-.052.163-.16.165l-.649.011c-.128.002-.164-.064-.166-.158l-.064-3.713c-.002-.114.05-.162.16-.164zm.633%206.057c.133.033.471.124.582.432a1%201%200%200%201%20.055.34v1.35q0%20.153-.037.284c-.095.342-.425.47-.768.516v.223c0%20.1-.045.146-.147.146h-.625c-.126%200-.146-.068-.146-.146v-.223q-.471-.07-.637-.283a.82.82%200%200%201-.164-.518v-1.35a1%201%200%200%201%20.055-.34c.11-.307.45-.398.584-.431q.247-.061.625-.062c.378-.001.459.021.623.062m-4.492%200c.068%200%20.129.017.187.121l.365.662c.036.063.053.07.075.07h.035c.022%200%20.039-.006.074-.07l.361-.662c.05-.089.098-.121.188-.121h.658c.078%200%20.147.02.147.146v2.633c0%20.101-.046.147-.147.147h-.627c-.101%200-.146-.046-.146-.147v-1.431l-.239.443a.22.22%200%200%201-.216.13h-.163a.22.22%200%200%201-.214-.13l-.24-.443v1.431c0%20.101-.046.147-.147.147h-.606c-.1%200-.146-.046-.146-.147v-2.633c0-.126.068-.146.146-.146zm7.75%200c.078%200%20.146.02.146.146v.49c0%20.127-.068.147-.146.147h-.598v1.996c0%20.078-.02.147-.146.147h-.659c-.1%200-.146-.046-.146-.147V18.95h-.598c-.102%200-.144-.038-.144-.146v-.49c0-.109.043-.147.144-.147h2.147zm2.666%200c.078%200%20.146.02.146.146v.49c0%20.127-.068.147-.146.147h-.598v1.996c0%20.078-.02.147-.146.147h-.659c-.1%200-.146-.046-.146-.147V18.95h-.598c-.102%200-.144-.038-.144-.146v-.49c0-.109.043-.147.144-.147h2.147zm-6.828.79a.17.17%200%200%200-.06.132v1.11q0%20.08.06.136c.083.075.479.075.562%200a.18.18%200%200%200%20.06-.137v-1.11a.17.17%200%200%200-.06-.132c-.083-.075-.48-.075-.562%200z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}单文件 CSS 即可播放,无需任何依赖;描画动效仅对描边类图标生效。
透明度往复渐变,适合状态提示与在线指示。
.icon-zigbee2mqtt {
animation: icon-breathe 1.8s ease-in-out infinite;
}
@keyframes icon-breathe {
0%, 100% { opacity: 1; }
50% { opacity: 0.35; }
}匀速循环旋转,适合加载中场景。
.icon-zigbee2mqtt {
animation: icon-spin 1.6s linear infinite;
}
@keyframes icon-spin {
to { transform: rotate(360deg); }
}对源文件的客观技术指标,供工程侧评估引用方式。
文件体积
2.81 KB
2,882 字节
viewBox
0 0 24 24
矢量坐标系
图元总数
1
<path> ×1
风格
单色(跟随 currentColor)
填充跟随容器颜色
同时含 width/height 与 viewBox:可以只保留 viewBox,让图标跟随容器自适应缩放。 文件体积 2.81 KB(2,882 字节),图元 1 个,风格为单色(跟随 currentColor)。
关于 zigbee2mqtt 图标的下载、商用与改色。
它是 Simple Icons(simple-icons)开源图标集中的 zigbee2mqtt 图标,单色(跟随 currentColor),viewBox 为 0 0 24 24,文件仅 2.81 KB,矢量格式可无损缩放到任意尺寸。
点击「下载与导出」中的 SVG 源文件按钮保存矢量文件;也可以按 512 / 256 / 128 / 64 / 32 / 16px 预设导出 PNG,或在输入框填 16~1024 之间的任意尺寸。需要 iOS、Android 全套尺寸时,用素材包生成器一键打包。
该图标采用 CC0 1.0(CC0-1.0) 开源协议,通常允许在遵守协议的前提下免费使用,常见要求是保留作者版权声明。商用前建议阅读协议原文确认。
在「预览与场景」的色板中切换颜色,三底色与全部场景会实时跟随;点击任一相近图标可打开预览弹层,复制对应颜色的 SVG 源码或 PNG。也可以复制 SVG 源码后自行修改 fill 值。