ICONYZ
日本語
Font Awesome 4 の Youtube Play アイコン

Youtube Play アイコン

fa:youtube-play

Youtube Play アイコン(fa:youtube-play)は、Font Awesome 4 セットの無料 SVG アイコンです(作者: Dave Gandy)。 1792 × 1280 のグリッドで描かれています。 Font Awesome 4 icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Font Awesome 4
作者
Dave Gandy
ライセンス
OFL-1.1
サイズ
1792 × 1280
タグ
youtubeplay
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="1792" height="1280" viewBox="0 0 1792 1280"><path fill="currentColor" d="m711 872l484-250l-484-253zM896 10q168 0 324.5 4.5T1450 24l73 4q1 0 17 1.5t23 3t23.5 4.5t28.5 8t28 13t31 19.5t29 26.5q6 6 15.5 18.5t29 58.5t26.5 101q8 64 12.5 136.5T1792 532v176q1 145-18 290q-7 55-25 99.5t-32 61.5l-14 17q-14 15-29 26.5t-31 19t-28 12.5t-28.5 8t-24 4.5t-23 3t-16.5 1.5q-251 19-627 19q-207-2-359.5-6.5T336 1256l-49-4l-36-4q-36-5-54.5-10t-51-21t-56.5-41q-6-6-15.5-18.5t-29-58.5T18 998q-8-64-12.5-136.5T0 748V572q-1-145 18-290q7-55 25-99.5T75 121l14-17q14-15 29-26.5T149 58t28-13t28.5-8t23.5-4.5t23-3t17-1.5q251-18 627-18"/></svg>

Youtube Play アイコンの使い方

React

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

<Icon icon="fa:youtube-play" width="24" />

Vue

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

<template>
  <Icon icon="fa:youtube-play" width="24" />
</template>

Svelte

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

<Icon icon="fa:youtube-play" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="fa:youtube-play"></iconify-icon>

HTML 画像

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

Font Awesome 4 の関連アイコン

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

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

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

はい。Font Awesome 4 icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

Font Awesome 4 アイコン をすべて見る →