Forward Right アイコン

Q: Forward Right アイコンは商用利用でも無料ですか?

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

reicon:forward-right

Forward Right アイコン(reicon:forward-right)は、Reicon セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Reicon icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Reicon
作者: REICON
ライセンス: MIT
サイズ: 24 × 24
カテゴリ: メッセージ
タグ: forwardright

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="m15.124 4.885l.039.034l4.014 3.568c.748.666 1.37 1.218 1.796 1.719c.448.526.767 1.093.767 1.795c0 .7-.32 1.268-.767 1.794c-.427.501-1.048 1.053-1.796 1.719l-4.014 3.568l-.039.034c-.324.288-.627.558-.889.73c-.257.17-.724.416-1.247.181s-.65-.747-.693-1.052c-.045-.31-.045-.716-.045-1.15v-1.62c-1.451.1-2.922.486-4.209 1.113c-1.513.737-2.721 1.782-3.377 3.031A.75.75 0 0 1 3.25 20c0-4.72 1.381-7.794 3.356-9.684c1.722-1.648 3.82-2.323 5.644-2.465V6.176c0-.435 0-.84.045-1.15c.043-.305.17-.817.693-1.052s.99.01 1.247.18c.262.173.565.442.889.731m-1.37.792l.412.363l3.972 3.531c.801.713 1.342 1.195 1.692 1.607c.337.395.41.626.41.822c0 .197-.073.428-.41.823c-.35.412-.89.894-1.692 1.607l-3.972 3.53q-.245.22-.413.363q-.004-.22-.003-.55V15.43a.75.75 0 0 0-.75-.75c-1.913 0-3.9.454-5.616 1.29a10.3 10.3 0 0 0-2.5 1.688c.369-3.047 1.458-5.013 2.76-6.257C9.264 9.85 11.31 9.322 13 9.322a.75.75 0 0 0 .75-.75V6.227c0-.22 0-.4.003-.55" clip-rule="evenodd"/></svg>

Forward Right アイコンの使い方

React

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

<Icon icon="reicon:forward-right" width="24" />

Vue

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

<template>
  <Icon icon="reicon:forward-right" width="24" />
</template>

Svelte

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

<Icon icon="reicon:forward-right" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--forward-right]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:forward-right"></div>

Web コンポーネント

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

<iconify-icon icon="reicon:forward-right"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/reicon/forward-right.svg" alt="Forward Right アイコン" width="24" height="24">

Reicon の関連アイコン

Forward Right アイコンのよくある質問

Forward Right アイコンは商用利用でも無料ですか?

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

React で Forward Right アイコンを使うには?

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

Forward Right アイコンをウェブページに追加するには?

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

Reicon アイコンをすべて見る →