ICONYZ
العربية
أيقونة Hubitat من Custom Brand Icons

أيقونة Hubitat

cbi:hubitat

أيقونة Hubitat (cbi:hubitat) أيقونة SVG مجانية من مجموعة Custom Brand Icons من تصميم Emanuele & rchiileea. مرسومة على شبكة 24 × 24. تستخدم Custom Brand Icons ترخيص CC BY-NC-SA 4.0، الذي لا يسمح بالاستخدام التجاري دون إذن منفصل من المؤلف. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Custom Brand Icons
المؤلف
Emanuele & rchiileea
الترخيص
CC-BY-NC-SA-4.0
الحجم
24 × 24
تنزيل SVG

شيفرة 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>

كيفية استخدام أيقونة 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>

مكوّن ويب

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="cbi:hubitat"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/cbi/hubitat.svg" alt="أيقونة Hubitat" width="24" height="24">

أيقونة Hubitat في مجموعات أخرى

أيقونة Hubitat من Arcticons
Arcticons

الأسئلة الشائعة حول أيقونة Hubitat

هل أيقونة Hubitat مجانية للاستخدام التجاري؟

لا. تستخدم Custom Brand Icons ترخيص CC BY-NC-SA 4.0، الذي لا يسمح بالاستخدام التجاري دون إذن منفصل من المؤلف.

كيف أستخدم أيقونة Hubitat في React؟

ثبّت @iconify/react واعرض <Icon icon="cbi:hubitat" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.

كيف أضيف أيقونة Hubitat إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/cbi/hubitat.svg" alt="أيقونة Hubitat">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل Custom Brand Icons →