Midiplug アイコン
fad:midiplug
Midiplug アイコン(fad:midiplug)は、FontAudio セットの無料 SVG アイコンです（作者: @fefanto）。 256 × 256 のグリッドで描かれています。 FontAudio icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><g fill="currentColor" fill-rule="evenodd"><path d="M128 193.901c-13.606 0-21.823 9.814-23.434 22.258C62.374 207.79 36 172.65 36 128c0-50.81 41.19-92 92-92s92 41.19 92 92c0 44.21-25.713 77.476-67.501 86.16c-1.346-8.684-11.008-20.259-24.499-20.259m-.244-18.45c16.601 0 29.657 10.87 32.244 17.732c31.34-6.861 42.826-42.019 42.826-65.183c0-40.149-36.718-76-74.826-76s-75.313 35.851-75.313 76c0 35.28 21.881 61.702 43.313 66.628c2.095-10.012 15.155-19.178 31.756-19.178z"/><circle cx="80" cy="125" r="11"/><circle cx="95" cy="92" r="11"/><circle cx="128" cy="79" r="11"/><circle cx="161" cy="92" r="11"/><circle cx="174" cy="124" r="11"/></g></svg>Midiplug アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fad:midiplug" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fad:midiplug" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fad:midiplug" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fad--midiplug]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fad -->
<div class="i-fad:midiplug"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fad:midiplug"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fad/midiplug.svg" alt="Midiplug アイコン" width="24" height="24">Midiplug アイコン のよくある質問
Midiplug アイコンは商用利用でも無料ですか?
はい。FontAudio icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Midiplug アイコンを使うには?
@iconify/react をインストールして <Icon icon="fad:midiplug" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Midiplug アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fad/midiplug.svg" alt="Midiplug アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。