Hubitat ikonu
cbi:hubitat
Hubitat ikonu (cbi:hubitat), Custom Brand Icons setinden ücretsiz bir SVG ikondur (yapımcı: Emanuele & rchiileea). 24 × 24 ızgara üzerinde çizilmiştir. Custom Brand Icons, CC BY-NC-SA 4.0 lisansı kullanır; bu lisans yazardan ayrıca izin almadan ticari kullanıma izin vermez. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.
- İkon seti
- Custom Brand Icons
- Yazar
- Emanuele & rchiileea
- Lisans
- CC-BY-NC-SA-4.0
- Boyut
- 24 × 24
SVG kodu
<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>Hubitat ikonu nasıl kullanılır
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 bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:hubitat"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/cbi/hubitat.svg" alt="Hubitat ikonu" width="24" height="24">Diğer ikon setlerinde Hubitat ikonu
Hubitat ikonu: sık sorulan sorular
Hubitat ikonu ticari kullanım için ücretsiz mi?
Hayır. Custom Brand Icons, CC BY-NC-SA 4.0 lisansı kullanır; bu lisans yazardan ayrıca izin almadan ticari kullanıma izin vermez.
Hubitat ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="cbi:hubitat" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Hubitat ikonunu bir web sayfasına nasıl eklerim?
SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/cbi/hubitat.svg" alt="Hubitat ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.