Hoymiles Inverter icon
cbi:hoymiles-inverter
The Hoymiles Inverter icon (cbi:hoymiles-inverter) 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
- Tags
- hoymilesinverter, hoymile
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m21.366 14.836l.008-.13h-1.042l.012.15l-.8-.02l-.3-.3l-1.744-.037v-.166h2.309v.147h1l.012-.115h.606v-.166l-.6-.023v-.147h-1.04v.17H17.5v-.191l1.669-.037l.3-.3l.8-.02l-.012.151H21.3v-.133l.634.016v-.2l-.615-.016v-.107h-1.05v.159H19.4l-.336.329l-1.562.027v-.208h.761l.551-.4v.143h.309l.079-.127h.951v-.193l-.884-.029l-.147-.159H18.8v.195l-.6.443h-.7v-.243h-.348V9.813a.48.48 0 0 0-.478-.477h-1.25V8.044a.326.326 0 0 0-.324-.325h-.5v.634l.332-.016l.014 1H14.6v-.714h-.27v-.9H9.624v.555h.4v.821H9.83v.238h-.206v-.683l-.269-.031v-.9h-.317a.3.3 0 0 0-.3.3v1.313H7.056v.618h-.269v.127h-.238v.174H4.283v.222h2.266v.191h.238v.095h.269v1.41H5.915v.46h1.141v.666h-.348v.253h-.856l-.6-.443v-.191h-.316l-.146.159l-.884.029v.193h.951l.079.127h.31v-.143l.55.4h.92v.208l-1.72-.029l-.337-.329h-.872v-.159h-1.05v.107l-.614.016v.2l.634-.016l-.008.131h1.042l-.012-.151l.8.02l.3.3l1.827.042v.153H4.471v-.177h-1.04v.147l-.6.024v.17h.607l.011.115h1v-.146h2.259v.2l-1.9.043l-.3.3l-.8.02l.012-.151H2.678l.008.131l-.634-.016v.2l.614.016v.107h1.05v-.16h.864l.337-.329l1.791-.031v.152h.348v.963a.527.527 0 0 0 .528.527h9.046a.524.524 0 0 0 .524-.523v-.969h.346v-.159l1.633.028l.337.329h.864v.158h1.05v-.107l.616-.015v-.2ZM10.524 8.399l3.251-.033l-.011.967h-3.2Zm-8.35 2.364h.191v.158l1.347-.253v-.587l-1.316-.285v.158l-.222-.016v-.142H2v1.125h.206Zm1.649-.682h.38v.586h-.38Z"/></svg>How to use the Hoymiles Inverter icon
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:hoymiles-inverter" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:hoymiles-inverter" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:hoymiles-inverter" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--hoymiles-inverter]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:hoymiles-inverter"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:hoymiles-inverter"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/cbi/hoymiles-inverter.svg" alt="Hoymiles Inverter icon" width="24" height="24">Hoymiles Inverter icon FAQ
Is the Hoymiles Inverter 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 Hoymiles Inverter icon in React?
Install @iconify/react and render <Icon icon="cbi:hoymiles-inverter" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Hoymiles Inverter icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cbi/hoymiles-inverter.svg" alt="Hoymiles Inverter icon">, or paste the SVG code inline to style it with CSS.