Skip Forward 30 アイコン
fluent-mdl2:skip-forward-30
Skip Forward 30 アイコン(fluent-mdl2:skip-forward-30)は、Fluent UI MDL2 セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 2048 × 2048 のグリッドで描かれています。 Fluent UI MDL2 icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent UI MDL2
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 2048 × 2048
- タグ
- skipforward
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M704 1480q44 4 82 20t68 45t45 65t17 84q0 67-26 117t-70 84t-101 51t-118 17q-53 0-106-10t-98-39v-110q90 72 207 72q40 0 77-10t66-32t46-53t18-78q0-46-15-76t-40-51t-58-30t-69-14t-73-4t-70-1v-86q47 0 98-2t95-17t71-49t28-98q0-82-46-117t-123-35q-50 0-94 17t-84 47v-100q46-28 98-39t106-12q49 0 93 13t79 41t55 67t21 93q0 92-45 147t-134 80zm662-444q62 0 106 20t76 56t51 81t30 98t14 103t4 101q0 49-5 102t-17 106t-35 99t-55 83t-79 57t-109 21q-59 0-103-20t-75-55t-52-79t-32-94t-16-101t-5-97q0-50 4-105t17-109t33-101t55-86t81-58t112-22m-9 840q43 0 74-19t51-50t33-70t18-81t8-80t2-71q0-30-1-70t-8-82t-17-84t-32-73t-51-53t-73-20q-45 0-76 20t-53 52t-34 74t-19 85t-8 85t-2 73q0 31 2 70t8 80t18 79t33 69t52 48t75 18m691-1492v512h-512V768h316q-59-117-146-211t-196-161t-232-103t-254-37q-155 0-296 47T471 437T268 645T136 915L14 877q33-111 88-209t130-182t163-150t191-112t211-71t227-25q136 0 266 34t247 99t213 157t170 209V384z"/></svg>Skip Forward 30 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:skip-forward-30" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:skip-forward-30" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:skip-forward-30" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--skip-forward-30]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:skip-forward-30"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-mdl2:skip-forward-30"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/skip-forward-30.svg" alt="Skip Forward 30 アイコン" width="24" height="24">Fluent UI MDL2 の関連アイコン
Skip Forward 30 アイコン のよくある質問
Skip Forward 30 アイコンは商用利用でも無料ですか?
はい。Fluent UI MDL2 icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Skip Forward 30 アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-mdl2:skip-forward-30" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Skip Forward 30 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/skip-forward-30.svg" alt="Skip Forward 30 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。