Fastforward アイコン
formkit:fastforward
Fastforward アイコン(formkit:fastforward)は、FormKit Icons セットの無料 SVG アイコンです（作者: FormKit, Inc）。 24 × 12 のグリッドで描かれています。 FormKit Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- FormKit Icons
- 作者
- FormKit, Inc
- ライセンス
- MIT
- サイズ
- 24 × 12
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="12" viewBox="0 0 24 12"><path fill="currentColor" d="M3.09 11.01c-.18 0-.36-.05-.53-.14c-.35-.19-.57-.56-.57-.96V2.09c0-.4.22-.77.57-.96s.78-.18 1.12.03l3.03 1.92c.23.15.3.46.15.69a.5.5 0 0 1-.69.15L3.14 2s-.07-.02-.1 0s-.05.05-.05.09v7.82s.02.07.05.09s.07.02.1 0l3.03-1.92a.5.5 0 0 1 .69.15a.5.5 0 0 1-.15.69l-3.03 1.92c-.18.11-.38.17-.59.17"/><path fill="currentColor" d="M7.04 10.98c-.18 0-.36-.04-.52-.13c-.36-.19-.58-.56-.58-.97V2.11c0-.41.22-.78.58-.97s.79-.17 1.13.05l5.87 3.89c.31.2.49.55.49.92s-.18.71-.49.92l-5.87 3.89c-.18.12-.39.18-.61.18Zm0-8.97s-.03 0-.05.01c-.03.02-.05.05-.05.09v7.77s.02.07.05.09s.07.02.1 0l5.87-3.89l.28-.58l-.28.42l-5.87-3.89s-.04-.02-.05-.02"/></svg>Fastforward アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="formkit:fastforward" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="formkit:fastforward" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="formkit:fastforward" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[formkit--fastforward]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/formkit -->
<div class="i-formkit:fastforward"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="formkit:fastforward"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/formkit/fastforward.svg" alt="Fastforward アイコン" width="24" height="24">他のアイコンセットの Fastforward アイコン
Fastforward アイコン のよくある質問
Fastforward アイコンは商用利用でも無料ですか?
はい。FormKit Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Fastforward アイコンを使うには?
@iconify/react をインストールして <Icon icon="formkit:fastforward" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Fastforward アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/formkit/fastforward.svg" alt="Fastforward アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。