Rewind Forward Outline アイコン

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

はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

solar:rewind-forward-outline

Rewind Forward Outline アイコン(solar:rewind-forward-outline)は、Solar セットの無料 SVG アイコンです（作者: 480 Design）。 24 × 24 のグリッドで描かれています。 Solar icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Solar
作者: 480 Design
ライセンス: CC-BY-4.0
サイズ: 24 × 24
カテゴリ: 動画
タグ: rewindforward、forwardoutline、rewindforwardoutline

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M11.4541 4.68063C12.2001 4.16116 13.1987 4.06852 14.0732 4.64352L21.4902 9.52047C22.3605 10.0927 22.75 11.0821 22.75 12C22.75 12.9178 22.3605 13.9072 21.4902 14.4795L14.0732 19.3564C13.1987 19.9314 12.2001 19.8388 11.4541 19.3193C10.7225 18.8098 10.25 17.9127 10.25 16.8769V16.7089L5.3457 20.2968L5.33691 20.3037L5.32812 20.3095L4.91016 19.7021L4.89648 19.6826L5.32812 20.3095C4.39192 20.9541 3.31852 20.8489 2.52148 20.2675C1.74463 19.7008 1.25 18.7101 1.25 17.5732V6.42672C1.25 5.28984 1.74463 4.29913 2.52148 3.73239C3.31852 3.15101 4.39192 3.04579 5.32812 3.69039L4.89648 4.31637L4.90332 4.30856L5.32812 3.69039L5.33691 3.69625L5.3457 3.70309L10.25 7.29V7.12301C10.25 6.08727 10.7225 5.19012 11.4541 4.68063ZM11.75 16.8769C11.75 17.4576 12.011 17.8796 12.3115 18.0888C12.5976 18.2879 12.9297 18.3134 13.249 18.1035L20.666 13.2265C21.0242 12.991 21.25 12.5314 21.25 12C21.25 11.4685 21.0242 11.0089 20.666 10.7734L13.249 5.89645C12.9297 5.6865 12.5976 5.71202 12.3115 5.9111C12.011 6.12035 11.75 6.54234 11.75 7.12301V16.8769ZM2.75 17.5732C2.75 18.2836 3.05621 18.8009 3.40527 19.0556C3.73164 19.2937 4.10515 19.3243 4.46875 19.0781L10.25 14.8496V9.14938L4.46875 4.92086C4.10529 4.67496 3.7315 4.70631 3.40527 4.9443C3.05622 5.19899 2.75 5.71628 2.75 6.42672V17.5732Z"/></svg>

Rewind Forward Outline アイコンの使い方

React

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

<Icon icon="solar:rewind-forward-outline" width="24" />

Vue

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

<template>
  <Icon icon="solar:rewind-forward-outline" width="24" />
</template>

Svelte

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

<Icon icon="solar:rewind-forward-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--rewind-forward-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:rewind-forward-outline"></div>

Web コンポーネント

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

<iconify-icon icon="solar:rewind-forward-outline"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/solar/rewind-forward-outline.svg" alt="Rewind Forward Outline アイコン" width="24" height="24">

Solar の関連アイコン

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

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

はい。Solar icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

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