Icono Hubitat
cbi:hubitat
El icono Hubitat (cbi:hubitat) es un icono SVG gratuito de la colección Custom Brand Icons de Emanuele & rchiileea. Está dibujado en una cuadrícula de 24 × 24. Custom Brand Icons usan la licencia CC BY-NC-SA 4.0, que no permite el uso comercial sin un permiso aparte del autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Custom Brand Icons
- Autor
- Emanuele & rchiileea
- Licencia
- CC-BY-NC-SA-4.0
- Tamaño
- 24 × 24
Código SVG
<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>Cómo usar el icono Hubitat
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>Imagen HTML
<img src="https://iconyz.com/api/public/svg/cbi/hubitat.svg" alt="Icono Hubitat" width="24" height="24">El icono Hubitat en otras colecciones
Preguntas frecuentes sobre Icono Hubitat
¿El icono Hubitat es gratis para uso comercial?
No. Custom Brand Icons usan la licencia CC BY-NC-SA 4.0, que no permite el uso comercial sin un permiso aparte del autor.
¿Cómo uso el icono Hubitat en React?
Instala @iconify/react y renderiza <Icon icon="cbi:hubitat" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Hubitat a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/cbi/hubitat.svg" alt="Icono Hubitat">, o pega el código SVG en línea para darle estilo con CSS.