ICONYZ
日本語
Reicon の Presentation Play アイコン

Presentation Play アイコン

reicon:presentation-play

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

アイコンセット
Reicon
作者
REICON
ライセンス
MIT
サイズ
24 × 24
カテゴリ
ビジネス
タグ
presentationplay
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M12.003 5.634a1.81 1.81 0 0 0-1.779-.125c-.53.251-.974.788-.974 1.502v3.978c0 .714.444 1.25.974 1.502a1.81 1.81 0 0 0 1.779-.125l2.995-1.99a1.635 1.635 0 0 0 0-2.752zM10.75 7.011c0-.04.019-.1.116-.146a.31.31 0 0 1 .307.019l2.995 1.99c.07.045.082.095.082.126s-.012.08-.082.127l-2.995 1.989a.31.31 0 0 1-.307.02c-.097-.047-.116-.106-.116-.147z"/><path d="M.75 2a.75.75 0 0 1 .75-.75h21a.75.75 0 0 1 0 1.5h-.75v7.683c0 .952 0 1.713-.05 2.327c-.052.63-.16 1.172-.413 1.67a4.25 4.25 0 0 1-1.857 1.857c-.498.253-1.04.361-1.67.413c-.614.05-1.375.05-2.327.05H12.75v1.875l3.7 2.775a.75.75 0 1 1-.9 1.2L12 19.937L8.45 22.6a.75.75 0 1 1-.9-1.2l3.7-2.775V16.75H8.567c-.952 0-1.713 0-2.327-.05c-.63-.052-1.172-.16-1.67-.413a4.25 4.25 0 0 1-1.857-1.857c-.253-.498-.361-1.04-.413-1.67c-.05-.614-.05-1.375-.05-2.327V2.75H1.5A.75.75 0 0 1 .75 2M15.4 15.25c.992 0 1.692 0 2.238-.045c.537-.044.86-.127 1.11-.255a2.75 2.75 0 0 0 1.202-1.201c.128-.252.21-.574.255-1.111c.044-.546.045-1.245.045-2.238V2.75H3.75v7.65c0 .992 0 1.692.045 2.238c.044.537.127.86.255 1.11a2.75 2.75 0 0 0 1.202 1.202c.25.128.573.21 1.11.255c.546.044 1.246.045 2.238.045z"/></g></svg>

Presentation Play アイコンの使い方

React

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

<Icon icon="reicon:presentation-play" width="24" />

Vue

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

<template>
  <Icon icon="reicon:presentation-play" width="24" />
</template>

Svelte

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

<Icon icon="reicon:presentation-play" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="reicon:presentation-play"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/reicon/presentation-play.svg" alt="Presentation Play アイコン" width="24" height="24">

Reicon の関連アイコン

他のアイコンセットの Presentation Play アイコン

Presentation Play アイコン のよくある質問

Presentation Play アイコンは商用利用でも無料ですか?

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

React で Presentation Play アイコンを使うには?

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

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

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

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