Prev アイコン
fad:prev
Prev アイコン(fad:prev)は、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="M175.967 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.015-67.201c-5.348-7.198-4.449-12.951.086-20.28c4.535-7.328 47.284-62.224 52.46-68.2s13.894-3.73 13.894 10.453m-51.265 71.792l32.874 43.167c1.336 1.754 2.424 1.393 2.424-.814l-.005-92.006c0-2.197-1.073-2.562-2.396-.792l-32.926 44.057c-1.328 1.776-1.31 4.63.029 6.388M79.836 53.792c-.17-2.538 1.22-4.792 3.45-4.792h8.193c3.655 0 3.52.682 3.52 3.859s-.394 147.132-.46 149.86c-.064 2.729-1.06 4.454-3.219 4.454s-6.252 0-8.33-.006c-2.079-.007-3.088-1.897-3.088-4.033s.104-146.803-.066-149.342"/></svg>Prev アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fad:prev" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fad:prev" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fad:prev" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fad--prev]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fad -->
<div class="i-fad:prev"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fad:prev"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fad/prev.svg" alt="Prev アイコン" width="24" height="24">Prev アイコン のよくある質問
Prev アイコンは商用利用でも無料ですか?
はい。FontAudio icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Prev アイコンを使うには?
@iconify/react をインストールして <Icon icon="fad:prev" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Prev アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fad/prev.svg" alt="Prev アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。