Preset Ba アイコン
fad:preset-ba
Preset Ba アイコン(fad:preset-ba)は、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"><path fill="currentColor" fill-rule="evenodd" d="M101 124.751c0-1.106.89-2.003 1.992-2.003h25.707L129 105l28 24.5l-28.301 24.5l.301-18.52h-26.009c-1.1 0-1.991-.895-1.991-2.003zM230.547 160h-11.604v-15.71h-40.792V160h-11.604v-32q0-7.006 2.41-12.898t6.695-10.131q4.284-4.24 10.131-6.606T198.547 96h26.154q1.205 0 2.276.446a5.75 5.75 0 0 1 3.124 3.124q.446 1.072.446 2.277zm-52.396-27.314h40.792v-25.082h-20.396q-.536 0-2.253.156q-1.719.156-3.973.781t-4.753 1.92q-2.499 1.293-4.597 3.57q-2.097 2.276-3.459 5.69q-1.36 3.414-1.36 8.279v4.686zM88.59 145.941q0 2.143-.737 4.597q-.736 2.455-2.41 4.553q-1.673 2.097-4.351 3.503T74.532 160H30.48a6 6 0 0 1-2.32-.446a5.7 5.7 0 0 1-1.853-1.228a5.7 5.7 0 0 1-1.227-1.852a6 6 0 0 1-.447-2.32v-52.307a5.94 5.94 0 0 1 1.674-4.15a5.5 5.5 0 0 1 1.852-1.25A6 6 0 0 1 30.481 96h38.828q2.142 0 4.597.759t4.575 2.432t3.526 4.352q1.406 2.678 1.406 6.56v2.187q0 3.08-1.027 6.628t-3.303 6.717q1.965 1.205 3.682 2.9a18.6 18.6 0 0 1 3.013 3.928q1.294 2.232 2.053 5.043q.759 2.813.759 6.204zm-11.604-2.231q0-2.277-.714-4.084q-.714-1.808-2.009-3.102q-1.293-1.293-3.124-1.986q-1.83-.69-4.106-.691H40.88v-11.694h20.932q2.276 0 4.105-.691q1.83-.693 3.125-1.986q1.293-1.294 1.986-3.102q.69-1.807.691-4.084v-2.187q0-2.5-2.41-2.5H36.24v40.793h38.29q.312 0 .759-.045q.446-.045.803-.267q.358-.224.625-.759q.268-.535.268-1.473v-2.142z"/></svg>Preset Ba アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fad:preset-ba" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fad:preset-ba" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fad:preset-ba" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fad--preset-ba]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fad -->
<div class="i-fad:preset-ba"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fad:preset-ba"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fad/preset-ba.svg" alt="Preset Ba アイコン" width="24" height="24">FontAudio の関連アイコン
Preset Ba アイコン のよくある質問
Preset Ba アイコンは商用利用でも無料ですか?
はい。FontAudio icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Preset Ba アイコンを使うには?
@iconify/react をインストールして <Icon icon="fad:preset-ba" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Preset Ba アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fad/preset-ba.svg" alt="Preset Ba アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。