本文へスキップ

Ytdl Material

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

Ytdl Material 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 512 512
ファイルサイズ
864 B · 3 パス

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
Ytdl Material (ytdl-material)
公式カラー (HEX / RGB / HSL)
#FF243Brgb(255, 36, 59) · hsl(354, 100%, 57%)
WCAG コントラストとファイルサイズ
白背景 3.8:1 · 黒背景 5.3:1 · 864 B

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512" role="img" aria-labelledby="title desc">
  <title id="title">ytdl-material</title>
  <desc id="desc">A play button in a red video ribbon that folds into a download arrow.</desc>
  <path fill="#FF243B" d="M136 64H376C402.51 64 424 85.49 424 112V274
C424 286 417 296 406 302L315 348V350Q315 356 321 356H342
Q357 356 346 367L266 447Q256 457 246 447L166 367
Q155 356 170 356H191Q197 356 197 350V348L106 302
C95 296 88 286 88 274V112C88 85.49 109.49 64 136 64Z"/>
  <path fill="#C80F28" d="M93 292C99 279 109 274 123 274H171
C187 274 197 285 197 301V348L106 302Q98 298 93 292Z
M419 292C413 279 403 274 389 274H341
C325 274 315 285 315 301V348L406 302Q414 298 419 292Z"/>
  <path fill="#FFFFFF" d="M210 132Q210 120 222 127L319 186Q329 192 319 198
L222 257Q210 264 210 250Z"/>
</svg>

使用上の注意

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