Skip Forward 30 32 Regular アイコン

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

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

fluent:skip-forward-30-32-regular

Skip Forward 30 32 Regular アイコン(fluent:skip-forward-30-32-regular)は、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、forwardregular、skipforwardregular

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M28 4v3.8c-3.066-3.223-7.701-4.973-12.015-4.909c-5.852.088-10.783 3.444-13.826 8.184a1 1 0 0 0 1.683 1.08c2.755-4.292 7.118-7.188 12.173-7.264C20.221 4.828 24.688 6.727 27.26 10H22a1 1 0 0 0 0 2h7a1 1 0 0 0 1-1V4a1 1 0 1 0-2 0M6.93 18.322a1 1 0 0 0 1.397-.257q.024-.032.093-.104c.093-.096.244-.235.459-.377C9.3 17.305 9.987 17 11 17c2.328 0 3.15 1.226 3.198 2.058c.026.45-.14.907-.534 1.266c-.394.36-1.081.676-2.164.676a1 1 0 1 0 0 2c1.083 0 1.77.315 2.165.676c.392.359.56.816.533 1.266C14.149 25.774 13.328 27 11 27c-1.013 0-1.7-.305-2.121-.584a2.8 2.8 0 0 1-.459-.377a2 2 0 0 1-.106-.12a1 1 0 0 0-1.636 1.15v.002h.002l.001.002l.003.005l.008.01a2 2 0 0 0 .08.106q.075.095.21.235c.18.186.441.422.794.655C8.49 28.555 9.554 29 11 29c3.085 0 5.069-1.774 5.195-3.942a3.57 3.57 0 0 0-1.181-2.859a4 4 0 0 0-.236-.199q.122-.096.236-.2a3.57 3.57 0 0 0 1.18-2.858C16.07 16.774 14.085 15 11 15c-1.446 0-2.51.444-3.224.916c-.353.233-.615.47-.794.655a4 4 0 0 0-.29.34l-.008.011l-.003.004l-.001.002l-.002.002c-.227.329-.12.174-.047.069l.047-.068a1 1 0 0 0 .252 1.39m12.225-1.057C19.94 15.88 21.247 15 23.101 15s3.161.88 3.945 2.265c.74 1.306.991 3.01.991 4.735s-.25 3.43-.99 4.735C26.261 28.12 24.954 29 23.1 29s-3.162-.88-3.946-2.265c-.74-1.306-.99-3.01-.99-4.735s.25-3.43.99-4.735m1.74.985c-.49.865-.73 2.161-.73 3.75s.24 2.885.73 3.75c.447.788 1.107 1.25 2.206 1.25s1.759-.462 2.205-1.25c.49-.865.731-2.161.731-3.75s-.241-2.885-.731-3.75C24.859 17.462 24.199 17 23.1 17s-1.76.462-2.206 1.25"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML 画像

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

Fluent UI System Icons の関連アイコン

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

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

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

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

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

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

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

Fluent UI System Icons をすべて見る →