Fusion アイコン
devicon:fusion
Fusion アイコン(devicon:fusion)は、Devicon セットの無料 SVG アイコンです（作者: konpa）。 128 × 128 のグリッドで描かれています。 Devicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#953a05" d="M23.188.019L114.438 20h9.874v108h-103.5a6.5 6.5 0 0 1-6.5-6.5V94.287L22.996.3Z"/><path fill="#ff6a00" d="M23.188 0h85.75a6.5 6.5 0 0 1 6.5 6.5V90h-92.25z"/><path fill="#ff9548" d="M23.188 90V0l-19.5 11.75v90z"/><path fill="#fff" d="M64.85 28.37v12.42h17.105v9.22H64.85v21.046H51.837V19h33.241v9.37zm-12.847 74.162v4.312h5.938v3.202h-5.938v7.307h-4.52V99.278h11.543v3.254zm23.936 14.821h-3.951l-.232-1.291c-1.939 1.79-4.981 2.207-7.366 1.134c-1.97-.886-3.124-3.232-3.127-5.142l-.017-12.776h4.52c.005 4.253-.02 8.506.009 12.758c.006.998.524 2.095 1.573 2.364c1.442.37 3.094-.03 4.072-1.179V99.278h4.519zm10.509.413c-2.29 0-4.096-.507-5.397-1.55c-1.298-1.04-1.997-2.556-2.117-4.518h4.26c.252 2.224 1.11 2.738 3.254 2.789c1.83.043 2.633-.778 2.633-1.756v-.542c0-.917-.456-1.342-1.161-1.653c-.458-.202-1.079-.423-1.989-.723l-2.504-.826c-2.557-.844-3.9-2.09-3.9-4.545v-.645c0-.844.233-1.641.724-2.376c1.337-2.002 4.067-2.556 6.223-2.556q3.123 0 5.009 1.42q1.885 1.42 1.988 4.132h-4.157c-.24-1.69-1.063-2.47-2.815-2.48c-.895-.004-1.532.156-1.91.465s-.568.698-.568 1.162v.362c0 .43.181.81.568 1.11c.388.303 1.123.589 2.169.93l2.453.8c2.967.968 4.39 2.353 4.39 4.932v.775a4.58 4.58 0 0 1-.853 2.71c-1.351 1.892-3.892 2.583-6.3 2.583"/></svg>Fusion アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="devicon:fusion" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="devicon:fusion" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="devicon:fusion" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon--fusion]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/devicon -->
<div class="i-devicon:fusion"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="devicon:fusion"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/devicon/fusion.svg" alt="Fusion アイコン" width="24" height="24">他のアイコンセットの Fusion アイコン
Fusion アイコン のよくある質問
Fusion アイコンは商用利用でも無料ですか?
はい。Devicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Fusion アイコンを使うには?
@iconify/react をインストールして <Icon icon="devicon:fusion" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Fusion アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/devicon/fusion.svg" alt="Fusion アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。