Plex Rewind アイコン

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

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

selfhst:plex-rewind

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

アイコンセット: selfh.st/icons
作者: selfh.st
ライセンス: CC-BY-4.0
サイズ: 512 × 512
タグ: plexrewind

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><linearGradient id="SVG5FSMjeWZ" x1="-448.996" x2="-437.669" y1="-205.997" y2="-194.67" gradientTransform="matrix(11.25 0 0 22.5 5192.5 4678.5)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#d4d4d4"/><stop offset="1" stop-color="#404040"/></linearGradient><path fill="url(#SVG5FSMjeWZ)" d="M120.1 256L290 425.9V86.1z"/><linearGradient id="SVG0vPUweQU" x1="-444.508" x2="-433.181" y1="-202.219" y2="-190.892" gradientTransform="matrix(11.25 0 0 22.5 5201.5 4678.5)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#404040"/><stop offset="1" stop-color="#d4d4d4"/></linearGradient><path fill="url(#SVG0vPUweQU)" d="M391.9 256L222 425.9V86.1z"/><linearGradient id="SVGCCbCje6U" x1="-482.713" x2="-479.578" y1="-205.906" y2="-202.77" gradientTransform="translate(16477 7134.751)scale(33.75)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#d4d4d4"/><stop offset="1" stop-color="#404040"/></linearGradient><path fill="url(#SVGCCbCje6U)" d="M256 512c-68.4 0-132.7-26.6-181-75S0 324.4 0 256S26.6 123.3 75 75S187.6 0 256 0s132.7 26.6 181 75s75 112.6 75 181s-26.6 132.7-75 181s-112.6 75-181 75m0-509.7C116.1 2.3 2.3 116.1 2.3 256S116.1 509.7 256 509.7S509.7 395.9 509.7 256S395.9 2.3 256 2.3"/></svg>

Plex Rewind アイコンの使い方

React

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

<Icon icon="selfhst:plex-rewind" width="24" />

Vue

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

<template>
  <Icon icon="selfhst:plex-rewind" width="24" />
</template>

Svelte

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

<Icon icon="selfhst:plex-rewind" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--plex-rewind]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:plex-rewind"></div>

Web コンポーネント

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

<iconify-icon icon="selfhst:plex-rewind"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/selfhst/plex-rewind.svg" alt="Plex Rewind アイコン" width="24" height="24">

selfh.st/icons の関連アイコン

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

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

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

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

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

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

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

selfh.st/icons をすべて見る →