Skip Forward 30 32 Filled アイコン

Q: Skip Forward 30 32 Filled アイコンは商用利用でも無料ですか?

はい。Fluent UI System Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

fluent:skip-forward-30-32-filled

Skip Forward 30 32 Filled アイコン(fluent:skip-forward-30-32-filled)は、Fluent UI System Icons セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent UI System Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Fluent UI System Icons
作者: Microsoft Corporation
ライセンス: MIT
サイズ: 32 × 32
タグ: skipforward、forwardfilled、skipforwardfilled

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M26.211 10.001c-2.424-2.997-6.179-4.56-10.192-4.5c-4.966.074-9.004 2.7-11.717 6.925a1.25 1.25 0 0 1-2.104-1.35C5.284 6.27 10.04 3.09 15.982 3.002c4.346-.065 8.568 1.513 11.518 4.672V4.252a1.25 1.25 0 0 1 2.5 0v7c0 .69-.56 1.25-1.25 1.25h-6.5a1.25 1.25 0 1 1 0-2.5zm-19.694 8.7a1.25 1.25 0 0 0 1.732-.262l.005-.005q.017-.022.077-.083c.08-.08.218-.2.415-.325c.387-.245 1.032-.525 2.004-.525c2.282 0 2.894 1.133 2.923 1.69c.017.322-.107.673-.446.968c-.345.3-.98.592-2.027.592a1.25 1.25 0 1 0 0 2.5c1.168 0 1.824.304 2.151.59c.309.27.41.586.375.9c-.067.624-.838 1.76-2.976 1.76c-.972 0-1.617-.28-2.004-.526a2.5 2.5 0 0 1-.415-.325a1 1 0 0 1-.077-.083l-.005-.005a1.25 1.25 0 0 0-2.012 1.483c-.394-.545 0 0 .001.001v.002l.003.002l.004.005l.009.012a2 2 0 0 0 .091.114q.082.1.226.244c.191.19.468.428.838.662c.748.474 1.853.913 3.341.913c3.019 0 5.22-1.74 5.462-3.991c.12-1.122-.29-2.243-1.218-3.052l-.015-.013c.827-.774 1.246-1.816 1.19-2.883C16.05 16.743 13.88 15 10.75 15c-1.488 0-2.593.439-3.341.913a5 5 0 0 0-.838.662a4 4 0 0 0-.317.358l-.01.012l-.003.005l-.002.002v.002c-.002.001-.412.568-.002 0a1.25 1.25 0 0 0 .28 1.746M23.1 15c-1.922 0-3.313.88-4.15 2.298c-.782 1.322-1.036 3.023-1.036 4.701c0 1.68.254 3.38 1.035 4.702C19.787 28.12 21.18 29 23.1 29c1.923 0 3.314-.88 4.152-2.298c.781-1.322 1.035-3.023 1.035-4.702s-.254-3.379-1.035-4.701c-.838-1.417-2.23-2.298-4.152-2.298m-2.686 7c0-1.497.239-2.671.687-3.43c.393-.664.97-1.07 2-1.07s1.606.406 1.999 1.07c.448.759.687 1.933.687 3.43c0 1.496-.239 2.67-.687 3.43c-.393.663-.97 1.07-2 1.07s-1.607-.407-1.999-1.07c-.448-.76-.687-1.934-.687-3.43"/></svg>

Skip Forward 30 32 Filled アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="fluent:skip-forward-30-32-filled" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fluent:skip-forward-30-32-filled" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fluent:skip-forward-30-32-filled" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent--skip-forward-30-32-filled]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent -->
<div class="i-fluent:skip-forward-30-32-filled"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fluent:skip-forward-30-32-filled"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fluent/skip-forward-30-32-filled.svg" alt="Skip Forward 30 32 Filled アイコン" width="24" height="24">

Fluent UI System Icons の関連アイコン

Skip Forward 30 32 Filled アイコンのよくある質問

Skip Forward 30 32 Filled アイコンは商用利用でも無料ですか?

はい。Fluent UI System Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Skip Forward 30 32 Filled アイコンを使うには?

@iconify/react をインストールして <Icon icon="fluent:skip-forward-30-32-filled" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Skip Forward 30 32 Filled アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent/skip-forward-30-32-filled.svg" alt="Skip Forward 30 32 Filled アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Fluent UI System Icons をすべて見る →