Hubitat icon
cbi:hubitat
The Hubitat icon (cbi:hubitat) 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="m18.715 4.474l-.904-.752l-.062.048l.857.751Zm.669.393l.3.327h.062l-.479-.577l-.255-.15l-.372-.328l-.034.038l.685.652Zm.816.616l-1.062-1.16l-.095-.054v.02l1.105 1.232Zm-2.754 10.618a.257.257 0 0 0 .256-.261l-.076-6.318a.42.42 0 0 0-.151-.315l-5.229-4.34l-4.51 3.758c-.255.286-.432.383-.5.555a.5.5 0 0 0-.03.194a.83.83 0 0 0 .439.594c.628-.256 4.518-3.368 4.518-3.368l4.108 3.198l-.014 4.955l-6.696.279a2.4 2.4 0 0 0-.828.122q0 .048.621.091a8.6 8.6 0 0 0-2.156.2q0 .042.327.082l-.164.177l1.09-.015l-.369.109l.7.022l-.532.183c2.244.118 7.915.103 9.196.098m4.459-5.648a10.2 10.2 0 0 0-1.747-4.54l-.287-.246l.437.628l-.355-.423l-.136-.137l-.246-.34l-.491-.559l.819 1.283l-.312-.4l-.657-.832l-.287-.315l-.164.028l.86.955l-.491-.459l-.888-.874l-.763-.519l.04-.082l-.095-.135l-.724-.328l-.75-.232l1.447.642l-.137.081l.3.246l.681.45l1.29 1.299l.1.1l-.041.1l-.419-.518l-.847-.792l-1.299-.846l.184.136a9 9 0 0 1 .88.656a8.85 8.85 0 0 1 3.158 5.714a8 8 0 0 1 .1 1.299a9.04 9.04 0 0 1-8.972 8.805a8.845 8.845 0 0 1-8.747-8.806a8.65 8.65 0 0 1 5.32-7.949l.699-.428l-.136-.1l-1.16.41l1.078-.5l-.987.267l.624-.239l.185-.206L6.604 3.92l2.361-1.31l-.777.24l.519-.268l-.847.268l.535-.336a7 7 0 0 0-1.178.383a7 7 0 0 0-1.955 1.244q-.15.14-.3.286a9.914 9.914 0 0 0 0 14.136a10.18 10.18 0 0 0 14.278 0q.351-.347.662-.72a9.72 9.72 0 0 0 2.003-7.39"/></svg>How to use the Hubitat icon
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:hubitat" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:hubitat" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:hubitat" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--hubitat]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:hubitat"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:hubitat"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/cbi/hubitat.svg" alt="Hubitat icon" width="24" height="24">Hubitat icon in other icon sets
Hubitat icon FAQ
Is the Hubitat 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 Hubitat icon in React?
Install @iconify/react and render <Icon icon="cbi:hubitat" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Hubitat icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cbi/hubitat.svg" alt="Hubitat icon">, or paste the SVG code inline to style it with CSS.