Backward アイコン
fad:backward
Backward アイコン(fad:backward)は、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="M117.027 60.858c0 14.184.118 120.734.118 134.66c0 13.925-7.798 16.307-14.543 10.568c-6.745-5.74-46.666-60.003-52.014-67.201s-4.45-12.951.086-20.28c4.535-7.328 47.284-62.224 52.46-68.2c5.175-5.977 13.893-3.73 13.893 10.453M65.424 132.65l32.874 43.167c1.336 1.754 2.425 1.393 2.424-.814l-.005-92.006c0-2.197-1.072-2.562-2.395-.792l-32.927 44.057c-1.327 1.776-1.31 4.63.03 6.388zm142.603-71.792c0 14.184.118 120.734.118 134.66c0 13.925-7.798 16.307-14.543 10.568c-6.745-5.74-46.666-60.003-52.014-67.201s-4.45-12.951.086-20.28c4.535-7.328 47.284-62.224 52.46-68.2c5.175-5.977 13.893-3.73 13.893 10.453m-51.603 71.792l32.874 43.167c1.336 1.754 2.425 1.393 2.424-.814l-.005-92.006c0-2.197-1.072-2.562-2.395-.792l-32.927 44.057c-1.327 1.776-1.31 4.63.03 6.388z"/></svg>Backward アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fad:backward" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fad:backward" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fad:backward" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fad--backward]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fad -->
<div class="i-fad:backward"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fad:backward"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fad/backward.svg" alt="Backward アイコン" width="24" height="24">他のアイコンセットの Backward アイコン
Backward アイコン のよくある質問
Backward アイコンは商用利用でも無料ですか?
はい。FontAudio icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Backward アイコンを使うには?
@iconify/react をインストールして <Icon icon="fad:backward" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Backward アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fad/backward.svg" alt="Backward アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。