本文へスキップ

Youku

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

Youku 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 46 46
ファイルサイズ
996 B · 2 パス
公式サイト
https://www.youku.com/

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
Youku (优酷)
公式カラー (HEX / RGB / HSL)
#FF8000rgb(255, 128, 0) · hsl(30, 100%, 50%)
WCAG コントラストとファイルサイズ
白背景 2.5:1 · 黒背景 7.9:1 · 996 B

SVG コード

<svg viewBox="0 0 46 46" width="46" height="46" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m18.411 22.573 1.244.722 15.26 8.867-16.471 9.578c-3.65 2.12-8.315.863-10.42-2.812-2.107-3.675-.858-8.373 2.791-10.494l7.575-4.404a.85.85 0 0 0 .418-.735.85.85 0 0 0-.397-.722" fill="url(#paint0_linear_189_8218)"/><path d="M34.915 14.425 18.444 4.85c-3.65-2.12-8.315-.863-10.42 2.812-2.107 3.675-.858 8.373 2.791 10.494l8.843 5.14 15.257 8.87c6.78-3.943 6.78-13.8 0-17.741" fill="url(#paint1_linear_189_8218)"/><defs><linearGradient id="paint0_linear_189_8218" x1="794.071" y1="1149.68" x2="1939.11" y2="303.924" gradientUnits="userSpaceOnUse"><stop stop-color="#ff8000"/><stop offset="1" stop-color="#ff6400"/></linearGradient><linearGradient id="paint1_linear_189_8218" x1="609.412" y1="914.47" x2="3013.1" y2="2338.94" gradientUnits="userSpaceOnUse"><stop stop-color="#00c1ff"/><stop offset=".398" stop-color="#09b2ff"/><stop offset="1" stop-color="#2c78ff"/></linearGradient></defs></svg>

使用上の注意

  • 元の 1:1 の縦横比(viewBox "0 0 46 46")を保って拡大縮小し、変形させないでください。
  • ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
  • グラデーションを含むため、CSS の fill: currentColor で一色に上書きしないでください。
カテゴリをすべて見る
完了しました