Skip Back 10 アイコン
fluent-mdl2:skip-back-10
Skip Back 10 アイコン(fluent-mdl2:skip-back-10)は、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
- タグ
- skipback
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M462 1148q34-9 70-24t73-35t69-41t60-44h39v916H670v-774q-15 15-41 32t-57 31t-59 26t-51 17zm904-139q62 0 106 20t76 56t51 81t30 98t14 103t4 101q0 49-5 102t-18 106t-34 99t-55 83t-80 57t-108 21q-59 0-102-20t-75-55t-52-79t-33-94t-16-101t-5-97q0-50 4-105t17-109t33-101t55-86t81-58t112-22m-9 839q43 0 74-19t51-49t33-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 78t33 69t52 48t75 18M1038 128q173 0 334 54t294 154t233 237t149 304l-122 38q-45-148-131-269t-203-208t-258-134t-296-48q-130 0-254 36T552 395T356 556T210 768h316v128H14V384h128v243q72-116 169-208t214-157t246-99t267-35"/></svg>Skip Back 10 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:skip-back-10" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:skip-back-10" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:skip-back-10" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--skip-back-10]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:skip-back-10"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-mdl2:skip-back-10"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/skip-back-10.svg" alt="Skip Back 10 アイコン" width="24" height="24">Fluent UI MDL2 の関連アイコン
他のアイコンセットの Skip Back 10 アイコン
Skip Back 10 アイコン のよくある質問
Skip Back 10 アイコンは商用利用でも無料ですか?
はい。Fluent UI MDL2 icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Skip Back 10 アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-mdl2:skip-back-10" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Skip Back 10 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/skip-back-10.svg" alt="Skip Back 10 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。