本文へスキップ
ソーシャルメディアYTユーチューブダーク版

YouTube

YouTubeの公式ベクターロゴ。ソーシャルメディアカテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。

YouTube Logo
ダークモード用の公式バージョンがあります

ブランドカラー

クリックでカラーコードをコピー
単色ロゴこのロゴは公式の単色で構成されています。レイアウトでは色味とコントラストを保ってください。

ダウンロード

ADChatGPT Plus·公式の共有・専用プラン · GPT-6.1 Sol / Deep Research をすぐに利用
クーポン 6666888 で 5% オフ
ADNetflix 4K·専用プロフィール · PIN ロック · 全デバイス対応
クーポン 6666888 で 5% オフ
ベクター形式
SVG · 1:1
書き出し解像度
1024 × 1024 px
viewBox
0 0 100 100
ファイルサイズ
890 B · 2 パス

編集と書き出し

色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。

カラー

背景

形式
サイズ

SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますYouTube.zip

ブランド仕様と SVG パラメーター

デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値

ブランド / 表示名
YouTube
公式カラー (HEX / RGB / HSL)
#FF0000rgb(255, 0, 0) · hsl(0, 100%, 50%)
WCAG コントラストとファイルサイズ
白背景 4:1 · 黒背景 5:1 · 890 B

SVG コード

<?xml version="1.0" encoding="utf-8"?>
<svg viewBox="0 0 100 100" version="1.1" width="100" height="100" xmlns="http://www.w3.org/2000/svg">
<style type="text/css">
	.st0{fill:#E8E0E0;}
	.st1{fill:#FF0000;}
</style>
<g id="youtube">
	<path class="st0" d="M65,49.1c-8.3-4.4-24.2-12.7-24.2-12.7L62,50.7C62,50.7,58.1,52.9,65,49.1L65,49.1z"/>
	<path class="st1" d="M42.3,81.5c-17.1-0.3-23-0.6-26.6-1.3c-2.4-0.5-4.6-1.6-6.1-3.2c-1.2-1.2-2.2-3-2.9-5.6
		c-0.6-2.1-0.9-3.9-1.2-8.2c-0.5-9.7-0.7-17.7,0-26.5C6,31.8,6.3,26,9.9,22.6c1.7-1.6,3.7-2.6,6-3c3.5-0.7,18.6-1.2,34.1-1.2
		c15.5,0,30.6,0.5,34.1,1.2c2.8,0.5,5.5,2.1,7,4.2c3.3,5.3,3.4,11.8,3.7,16.9c0.1,2.4,0.1,16.3,0,18.7c-0.5,8.1-1,10.9-2.2,13.9
		c-0.7,1.9-1.4,2.9-2.5,4c-1.7,1.7-3.9,2.8-6.3,3.2C69.2,81.5,56.6,81.8,42.3,81.5L42.3,81.5z M65,49.1c-8.3-4.4-16.2-8.5-24.2-12.7
		v25.3C49.3,57.1,58.2,52.8,65,49.1L65,49.1L65,49.1z"/>
</g>
</svg>

使用上の注意

  • 元の 1:1 の縦横比(viewBox "0 0 100 100")を保って拡大縮小し、変形させないでください。
  • ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
  • 暗い背景では、白抜き版、明るい下地、または公式のダーク版を優先して使ってください。
カテゴリをすべて見る
完了しました