Ahdsr アイコン
fad:ahdsr
Ahdsr アイコン(fad:ahdsr)は、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="M25 184c-.47 2.68-.227 4.354 1 6s4.563 2.464 8 2s5.078-.958 6-4S60.436 82.947 60.436 82.947C60.747 81.32 62.352 80 64.006 80H99.64c1.105 0 2.262.847 2.59 1.914l13.007 42.35c.973 3.168 4.445 5.736 7.754 5.736h64.644s28.03 54.976 29.423 58s2.537 3.984 4.834 4s6.895-3.215 8.25-4.63c1.355-1.414 1.842-3.08.624-6.075c-1.219-2.996-28.947-59.024-30.642-62.111C198.43 116.096 196.266 114 192 114s-59.994.286-59.994.286c-2.213.011-4.485-1.708-5.076-3.835c0 0-10.546-38.069-11.84-41.724C113.795 65.07 111.369 64 106 64H56c-5.6 0-5.793.422-7.879 5.727C46.035 75.03 25.471 181.319 25 184"/></svg>Ahdsr アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fad:ahdsr" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fad:ahdsr" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fad:ahdsr" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fad--ahdsr]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fad -->
<div class="i-fad:ahdsr"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fad:ahdsr"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fad/ahdsr.svg" alt="Ahdsr アイコン" width="24" height="24">Ahdsr アイコン のよくある質問
Ahdsr アイコンは商用利用でも無料ですか?
はい。FontAudio icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Ahdsr アイコンを使うには?
@iconify/react をインストールして <Icon icon="fad:ahdsr" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Ahdsr アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fad/ahdsr.svg" alt="Ahdsr アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。