Ícone Bio Energy
hugeicons:bio-energy
O ícone Bio Energy (hugeicons:bio-energy) é um ícone SVG gratuito da coleção Huge Icons de Hugeicons. Ele é desenhado em uma grade de 24 × 24. Huge Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Huge Icons
- Autor
- Hugeicons
- Licença
- MIT
- Tamanho
- 24 × 24
- Tags
- bioenergy
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M7.517 12h-3.62c-.428 0-.643 0-.775.137c-.133.137-.128.349-.117.772c.01.431.035.86.093 1.288c.025.177.037.266.095.311c.058.046.163.033.374.009c1.167-.137 2.295.816 2.295 2.067c0 .623-.27 1.183-.696 1.565c-.156.14-.234.21-.24.283s.052.142.164.279c.408.497.867.949 1.368 1.348c.12.095.179.142.244.14s.132-.061.265-.18c.36-.323.833-.518 1.35-.518c1.109 0 1.997.928 2.044 2.004c.007.179.011.268.055.317c.043.048.117.06.265.082a9.1 9.1 0 0 0 2.638 0c.148-.023.222-.034.265-.082c.044-.049.048-.138.055-.317c.047-1.076.935-2.004 2.044-2.004c.517 0 .99.195 1.35.517c.133.12.2.18.265.181s.125-.045.244-.14c.501-.4.96-.852 1.368-1.348c.112-.137.169-.206.163-.28c-.006-.073-.084-.143-.24-.282a2.1 2.1 0 0 1-.695-1.565c0-1.251 1.128-2.204 2.295-2.067c.21.024.316.037.374-.009c.058-.045.07-.134.095-.31c.058-.429.083-.858.093-1.289c.01-.423.016-.635-.117-.772c-.132-.137-.347-.137-.775-.137h-3.62c-.207 2.336-2.135 4.167-4.483 4.167S7.724 14.337 7.517 12M7 12h10m-5 0V6m-.259 1.741c.549-1.538.226-3.298-.979-4.503S7.797 1.71 6.26 2.258c-.549 1.539-.226 3.3.979 4.504c1.205 1.205 2.965 1.528 4.503.98m.474 2.042c-.458-1.281-.189-2.748.816-3.753s2.47-1.273 3.752-.815c.458 1.281.189 2.748-.815 3.753s-2.472 1.273-3.753.815"/></svg>Como usar o ícone Bio Energy
React
import { Icon } from "@iconify/react";
<Icon icon="hugeicons:bio-energy" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="hugeicons:bio-energy" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="hugeicons:bio-energy" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[hugeicons--bio-energy]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/hugeicons -->
<div class="i-hugeicons:bio-energy"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="hugeicons:bio-energy"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/hugeicons/bio-energy.svg" alt="Ícone Bio Energy" width="24" height="24">Ícones relacionados em Huge Icons
Perguntas frequentes sobre Ícone Bio Energy
O ícone Bio Energy é grátis para uso comercial?
Sim. Huge Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Bio Energy no React?
Instale @iconify/react e renderize <Icon icon="hugeicons:bio-energy" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Bio Energy a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/hugeicons/bio-energy.svg" alt="Ícone Bio Energy">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.