Playback Speed アイコン
reicon:playback-speed
Playback Speed アイコン(reicon:playback-speed)は、Reicon セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12 1.25c5.937 0 10.75 4.813 10.75 10.75S17.937 22.75 12 22.75c-.822 0-1.622-.092-2.392-.267a.75.75 0 1 1 .332-1.463a9.25 9.25 0 1 0 0-18.04a.75.75 0 1 1-.332-1.463c.77-.175 1.57-.267 2.392-.267M3.132 16.686a.75.75 0 0 1 1.034.235a9.3 9.3 0 0 0 2.913 2.913a.75.75 0 0 1-.8 1.27a10.8 10.8 0 0 1-3.382-3.383a.75.75 0 0 1 .235-1.035M2.98 9.94a.75.75 0 1 0-1.463-.332c-.175.77-.267 1.57-.267 2.392s.092 1.622.267 2.393a.75.75 0 0 0 1.463-.333A9.3 9.3 0 0 1 2.75 12c0-.709.08-1.398.23-2.06m4.334-6.808a.75.75 0 0 1-.235 1.034A9.3 9.3 0 0 0 4.166 7.08a.75.75 0 0 1-1.27-.8A10.8 10.8 0 0 1 6.28 2.897a.75.75 0 0 1 1.035.235"/><path fill-rule="evenodd" d="M8.25 9.213c0-1.423 1.496-2.49 2.825-1.705l4.72 2.787c1.273.752 1.273 2.658 0 3.41l-4.72 2.786c-1.329.785-2.825-.282-2.825-1.705zm1.71-.408a.47.47 0 0 0-.21.408v5.573c0 .199.096.338.21.409c.11.068.232.076.352.005l4.72-2.787A.47.47 0 0 0 15.25 12a.47.47 0 0 0-.218-.414L10.312 8.8a.32.32 0 0 0-.353.005" clip-rule="evenodd"/></g></svg>Playback Speed アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="reicon:playback-speed" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="reicon:playback-speed" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="reicon:playback-speed" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--playback-speed]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:playback-speed"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="reicon:playback-speed"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/reicon/playback-speed.svg" alt="Playback Speed アイコン" width="24" height="24">Reicon の関連アイコン
他のアイコンセットの Playback Speed アイコン
Playback Speed アイコン のよくある質問
Playback Speed アイコンは商用利用でも無料ですか?
はい。Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Playback Speed アイコンを使うには?
@iconify/react をインストールして <Icon icon="reicon:playback-speed" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Playback Speed アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/reicon/playback-speed.svg" alt="Playback Speed アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。