Preset Ab アイコン
fad:preset-ab
Preset Ab アイコン(fad:preset-ab)は、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.003zM89.047 161H77.262v-15.955h-41.43V161H24.048v-32.5q0-7.115 2.448-13.1q2.448-5.983 6.8-10.29q4.35-4.305 10.289-6.708Q49.522 96 56.547 96H83.11a5.95 5.95 0 0 1 2.312.453a5.84 5.84 0 0 1 3.173 3.173a5.95 5.95 0 0 1 .453 2.312V161zm-53.214-27.74h41.43v-25.475H56.546q-.543 0-2.289.159t-4.034.793q-2.289.634-4.827 1.95q-2.54 1.314-4.669 3.625q-2.13 2.313-3.513 5.78q-1.382 3.467-1.382 8.408zm194.757 12.681q0 2.143-.737 4.597q-.736 2.455-2.41 4.553q-1.673 2.097-4.351 3.503t-6.56 1.406H172.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 172.48 96h38.828q2.143 0 4.597.759q2.456.759 4.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.204v2.231zm-11.604-2.231q0-2.277-.714-4.084q-.714-1.808-2.009-3.102t-3.124-1.986q-1.83-.69-4.106-.691H182.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.5h-33.07v40.793h38.292q.312 0 .759-.045q.446-.045.803-.267q.358-.224.625-.759q.268-.535.268-1.473z"/></svg>Preset Ab アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fad:preset-ab" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fad:preset-ab" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fad:preset-ab" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fad--preset-ab]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fad -->
<div class="i-fad:preset-ab"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fad:preset-ab"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fad/preset-ab.svg" alt="Preset Ab アイコン" width="24" height="24">FontAudio の関連アイコン
Preset Ab アイコン のよくある質問
Preset Ab アイコンは商用利用でも無料ですか?
はい。FontAudio icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Preset Ab アイコンを使うには?
@iconify/react をインストールして <Icon icon="fad:preset-ab" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Preset Ab アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fad/preset-ab.svg" alt="Preset Ab アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。