Skip Forward 30 48 Filled アイコン

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

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

fluent:skip-forward-30-48-filled

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" d="M44 5.5a1.5 1.5 0 0 0-3 0v7.027C36.776 7.582 30.709 4.9 23.979 5c-8.4.126-16.269 4.411-20.072 12.084a1.5 1.5 0 0 0 2.688 1.332C9.832 11.883 16.59 8.111 24.023 8c6.51-.097 12.229 2.768 15.874 8H31.5a1.5 1.5 0 0 0 0 3h11a1.5 1.5 0 0 0 1.5-1.5zM10.487 26.73a1.5 1.5 0 0 0 2.11-.081l.002-.001l.034-.034q.055-.056.19-.17c.181-.15.464-.363.841-.578A6.7 6.7 0 0 1 17 25c1.685 0 2.75.457 3.361.973c.603.51.847 1.14.831 1.739C21.164 28.816 20.097 30.5 17 30.5a1.5 1.5 0 1 0 0 3c1.72 0 2.806.46 3.427.979c.61.51.852 1.138.835 1.728C21.23 37.301 20.146 39 17 39a6.7 6.7 0 0 1-3.337-.865a6 6 0 0 1-.84-.579a4 4 0 0 1-.225-.204h-.001a1.5 1.5 0 0 0-2.201 2.038c-.557-.607 0 0 0 0l.002.002l.002.002l.004.005l.012.013a3 3 0 0 0 .134.134c.084.081.2.188.349.312c.296.248.724.567 1.278.883A9.7 9.7 0 0 0 17 42c4.292 0 7.17-2.551 7.26-5.707c.044-1.535-.614-3.032-1.908-4.115a6 6 0 0 0-.317-.247c1.335-1.043 2.115-2.515 2.156-4.143c.04-1.527-.61-3.021-1.892-4.105C21.026 22.606 19.22 22 17 22a9.7 9.7 0 0 0-4.823 1.26a9 9 0 0 0-1.278.882a7 7 0 0 0-.45.413l-.018.017l-.015.017l-.012.012l-.004.005l-.003.003l-.001.001l-.002.002a1.5 1.5 0 0 0 .092 2.118M34.315 22c-2.7 0-4.626 1.244-5.787 3.233c-1.095 1.874-1.463 4.313-1.463 6.767s.368 4.893 1.462 6.767C29.69 40.757 31.616 42 34.316 42s4.626-1.244 5.787-3.233c1.095-1.874 1.463-4.313 1.463-6.767s-.368-4.893-1.463-6.767C38.941 23.244 37.015 22 34.315 22m-4.25 10c0-2.24.35-4.052 1.053-5.254C31.753 25.66 32.703 25 34.315 25s2.562.659 3.197 1.746c.702 1.202 1.053 3.014 1.053 5.254s-.35 4.052-1.053 5.254C36.877 38.34 35.927 39 34.315 39s-2.562-.659-3.197-1.746c-.702-1.202-1.053-3.014-1.053-5.254"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent -->
<div class="i-fluent:skip-forward-30-48-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-48-filled"></iconify-icon>

HTML 画像

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

Fluent UI System Icons の関連アイコン

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

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

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

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

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

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

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

Fluent UI System Icons をすべて見る →