Solo アイコン
fad:solo
Solo アイコン(fad:solo)は、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="M208.714 161.607q0 8.647-2.19 15.555q-2.19 6.906-5.784 12.185c-3.594 5.279-5.203 6.513-8.423 8.984q-4.828 3.705-9.995 6.065q-5.166 2.358-10.5 3.481Q166.487 209 161.771 209H49.129v-29.2H161.77q8.423 0 13.083-4.94q4.66-4.942 4.66-13.253q0-4.043-1.235-7.412q-1.234-3.369-3.537-5.84t-5.616-3.818t-7.355-1.348H94.612q-7.075 0-15.273-2.526q-8.199-2.528-15.217-8.142q-7.02-5.616-11.68-14.712t-4.66-22.237t4.66-22.18t11.68-14.712q7.018-5.67 15.217-8.198q8.198-2.527 15.273-2.527h99.39v29.2h-99.39q-8.31 0-12.97 5.053q-4.662 5.055-4.662 13.364q0 8.424 4.661 13.308q4.66 4.886 12.971 4.886h67.383q4.717.112 9.995 1.291q5.28 1.18 10.5 3.65q5.223 2.47 9.94 6.233t8.366 9.04q3.651 5.279 5.784 12.13q2.134 6.85 2.134 15.497"/></svg>Solo アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fad:solo" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fad:solo" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fad:solo" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fad--solo]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fad -->
<div class="i-fad:solo"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fad:solo"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fad/solo.svg" alt="Solo アイコン" width="24" height="24">他のアイコンセットの Solo アイコン
Solo アイコン のよくある質問
Solo アイコンは商用利用でも無料ですか?
はい。FontAudio icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Solo アイコンを使うには?
@iconify/react をインストールして <Icon icon="fad:solo" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Solo アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fad/solo.svg" alt="Solo アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。