Bio Energy アイコン
hugeicons:bio-energy
Bio Energy アイコン(hugeicons:bio-energy)は、Huge Icons セットの無料 SVG アイコンです（作者: Hugeicons）。 24 × 24 のグリッドで描かれています。 Huge Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Huge Icons
- 作者
- Hugeicons
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- bioenergy
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>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 コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="hugeicons:bio-energy"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/hugeicons/bio-energy.svg" alt="Bio Energy アイコン" width="24" height="24">Huge Icons の関連アイコン
Bio Energy アイコン のよくある質問
Bio Energy アイコンは商用利用でも無料ですか?
はい。Huge Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Bio Energy アイコンを使うには?
@iconify/react をインストールして <Icon icon="hugeicons:bio-energy" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Bio Energy アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/hugeicons/bio-energy.svg" alt="Bio Energy アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。