Fusion 48 アイコン
energy-icons:fusion-48
Fusion 48 アイコン(energy-icons:fusion-48)は、Energy Icons セットの無料 SVG アイコンです（作者: Sam Passmore）。 48 × 48 のグリッドで描かれています。 Energy Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Energy Icons
- 作者
- Sam Passmore
- ライセンス
- MIT
- サイズ
- 48 × 48
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" d="M43 24c0-2.179-1.792-4.42-5.305-6.177C34.242 16.097 29.401 15 24 15s-10.242 1.097-13.695 2.823C6.792 19.58 5 21.821 5 24s1.792 4.42 5.305 6.177C13.758 31.903 18.599 33 24 33s10.242-1.097 13.695-2.823C41.208 28.42 43 26.179 43 24m2 0c0 3.344-2.685 6.103-6.41 7.966C34.804 33.858 29.645 35 24 35s-10.804-1.142-14.59-3.034C5.685 30.103 3 27.344 3 24s2.685-6.103 6.41-7.966C13.195 14.142 18.355 13 24 13s10.804 1.142 14.59 3.034C42.315 17.897 45 20.656 45 24"/><path fill="currentColor" d="M33 24c0-.189-.091-.47-.473-.83c-.383-.363-.992-.736-1.827-1.07c-1.664-.666-4.033-1.1-6.7-1.1s-5.036.434-6.7 1.1c-.835.334-1.444.707-1.827 1.07c-.382.36-.473.641-.473.83s.091.47.473.83c.383.363.992.736 1.827 1.07c1.664.666 4.033 1.1 6.7 1.1s5.036-.434 6.7-1.1c.835-.334 1.444-.707 1.827-1.07c.382-.36.473-.641.473-.83m2 0c0 .916-.468 1.687-1.099 2.283c-.628.595-1.484 1.084-2.459 1.474C29.488 28.539 26.856 29 24 29s-5.488-.461-7.442-1.243c-.975-.39-1.83-.88-2.46-1.474C13.469 25.687 13 24.916 13 24s.468-1.687 1.099-2.283c.628-.595 1.484-1.084 2.459-1.474C18.512 19.461 21.144 19 24 19s5.488.461 7.442 1.243c.975.39 1.83.88 2.46 1.474C34.531 22.313 35 23.084 35 24"/></svg>Fusion 48 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="energy-icons:fusion-48" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="energy-icons:fusion-48" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="energy-icons:fusion-48" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[energy-icons--fusion-48]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/energy-icons -->
<div class="i-energy-icons:fusion-48"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="energy-icons:fusion-48"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/energy-icons/fusion-48.svg" alt="Fusion 48 アイコン" width="24" height="24">Energy Icons の関連アイコン
Fusion 48 アイコン のよくある質問
Fusion 48 アイコンは商用利用でも無料ですか?
はい。Energy Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Fusion 48 アイコンを使うには?
@iconify/react をインストールして <Icon icon="energy-icons:fusion-48" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Fusion 48 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/energy-icons/fusion-48.svg" alt="Fusion 48 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。