Softclip アイコン
fad:softclip
Softclip アイコン(fad:softclip)は、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="m26.572 175.798l-.423 16.215s6.07-.61 16.657-3.59c10.586-2.978 10.222-.383 20.515-9.87s9.362-6.84 15.235-20.838s5.28-12.871 7.91-25.156c2.63-12.286 2.907-16.198 7.088-26.018c4.18-9.82 4.448-10.736 10.46-16.25c6.014-5.514 9.596-6.742 16.67-8.629s8.357-2.026 16.579.3c8.221 2.327 6.33.988 13.914 8.329c7.583 7.34 6.95 6.504 11.476 16.25s3.555 10.641 6.431 20.151s3.3 11.71 5.393 18.947c2.091 7.236 1.493 7.698 4.265 14.464c2.772 6.765 2.963 8.233 7.104 13.287c4.14 5.053 3.365 5.15 11.273 9.14s11.118 5.02 18.61 6.939c7.493 1.92 15.641 1.836 15.641 1.836l.339-16.327s-11.697.108-20.815-3.749c-9.12-3.856-8.863-4.217-15.464-14.17s-2.691-5.123-7.283-19.616c-4.59-14.492-4.386-16.372-8.116-27.993s-3.692-14.478-10.296-23.138s-9.682-10.42-18.784-15.001c-9.102-4.582-13.384-5.268-22.453-5.756s-8.27-.513-18.477 3.552s-9.839 3.645-17.729 10.868c-7.89 7.222-7.031 6.35-11.785 16.148s-4.66 9.053-6.893 20.284c-2.232 11.232-2.47 12.362-5.41 22.469c-2.942 10.107-3.318 13.965-6.975 20.092s-2.394 6.64-11.667 11.143s-22.99 5.687-22.99 5.687"/></svg>Softclip アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fad:softclip" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fad:softclip" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fad:softclip" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fad--softclip]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fad -->
<div class="i-fad:softclip"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fad:softclip"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fad/softclip.svg" alt="Softclip アイコン" width="24" height="24">FontAudio の関連アイコン
Softclip アイコン のよくある質問
Softclip アイコンは商用利用でも無料ですか?
はい。FontAudio icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Softclip アイコンを使うには?
@iconify/react をインストールして <Icon icon="fad:softclip" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Softclip アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fad/softclip.svg" alt="Softclip アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。