ICONYZ
日本語
Glyphs の Playback Speed Bold アイコン

Playback Speed Bold アイコン

glyphs:playback-speed-bold

Playback Speed Bold アイコン(glyphs:playback-speed-bold)は、Glyphs セットの無料 SVG アイコンです(作者: Goran Spasojevic)。 80 × 80 のグリッドで描かれています。 Glyphs icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Glyphs
作者
Goran Spasojevic
ライセンス
MIT
サイズ
80 × 80
タグ
playbackspeed、speedbold、playbackspeedbold
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="currentColor"><path fill-rule="evenodd" d="M40 15q-.273 0-.545.006a3 3 0 1 1-.131-5.999Q39.66 9 40 9a3 3 0 1 1 0 6m-7.352-2.184a3 3 0 0 1-1.709 3.884a25 25 0 0 0-1.008.417a3 3 0 1 1-2.416-5.492a32 32 0 0 1 1.25-.517a3 3 0 0 1 3.883 1.708M22.805 17.7a3 3 0 0 1-.093 4.242a25 25 0 0 0-.771.771a3 3 0 0 1-4.334-4.149a31 31 0 0 1 .956-.956a3 3 0 0 1 4.242.092m-7.225 8.278a3 3 0 0 1 1.537 3.954a25 25 0 0 0-.417 1.008a3 3 0 1 1-5.592-2.175a31 31 0 0 1 .517-1.25a3 3 0 0 1 3.954-1.537M12.072 36.39a3 3 0 0 1 2.934 3.065a25 25 0 0 0 0 1.09a3 3 0 1 1-5.999.131a31 31 0 0 1 0-1.352a3 3 0 0 1 3.065-2.934m.745 10.962a3 3 0 0 1 3.883 1.709a25 25 0 0 0 .417 1.008a3 3 0 1 1-5.492 2.416a32 32 0 0 1-.517-1.25a3 3 0 0 1 1.708-3.883m4.882 9.843a3 3 0 0 1 4.242.093a25 25 0 0 0 .771.771a3 3 0 0 1-4.149 4.334a31 31 0 0 1-.956-.956a3 3 0 0 1 .092-4.242m8.278 7.226a3 3 0 0 1 3.954-1.538a25 25 0 0 0 1.008.417a3 3 0 1 1-2.175 5.592a31 31 0 0 1-1.25-.517a3 3 0 0 1-1.537-3.954m10.413 3.507a3 3 0 0 1 3.065-2.934Q39.727 65 40 65a3 3 0 1 1 0 6a31 31 0 0 1-.676-.007a3 3 0 0 1-2.934-3.065" clip-rule="evenodd"/><path fill-rule="evenodd" d="M37 12a3 3 0 0 1 3-3a31 31 0 0 1 0 62a3 3 0 1 1 0-6a25 25 0 1 0 0-50a3 3 0 0 1-3-3" clip-rule="evenodd"/><path d="M49.997 38.244c1.39.758 1.39 2.754 0 3.512l-15.824 8.63c-1.332.728-2.957-.237-2.957-1.755V31.369c0-1.518 1.625-2.483 2.957-1.756z"/></g></svg>

Playback Speed Bold アイコンの使い方

React

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

<Icon icon="glyphs:playback-speed-bold" width="24" />

Vue

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

<template>
  <Icon icon="glyphs:playback-speed-bold" width="24" />
</template>

Svelte

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

<Icon icon="glyphs:playback-speed-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--playback-speed-bold]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:playback-speed-bold"></div>

Web コンポーネント

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

<iconify-icon icon="glyphs:playback-speed-bold"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/glyphs/playback-speed-bold.svg" alt="Playback Speed Bold アイコン" width="24" height="24">

Glyphs の関連アイコン

他のアイコンセットの Playback Speed Bold アイコン

Playback Speed Bold アイコン のよくある質問

Playback Speed Bold アイコンは商用利用でも無料ですか?

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

React で Playback Speed Bold アイコンを使うには?

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

Playback Speed Bold アイコンをウェブページに追加するには?

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

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