本文へスキップ
企業・団体web-de-badge

WEB.DE

WEB.DE(web-de-badge)の公式ベクターロゴ。企業・団体カテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。

WEB.DE 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 1024 1024
ファイルサイズ
2.5 KB · 2 パス

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
WEB.DE (web-de-badge)
カテゴリ
企業・団体
公式カラー (HEX / RGB / HSL)
#FFD800rgb(255, 216, 0) · hsl(51, 100%, 50%)
WCAG コントラストとファイルサイズ
白背景 1.4:1 · 黒背景 14.2:1 · 2.5 KB

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
   <circle cx="512" cy="512" r="512" style="fill:#ffd800"/>
   <path d="M326.53 413.06a130.62 130.62 0 0 1 25.92-7.27C482 390.27 537.95 390.27 682 396.48c-1-11.41-56-10.37-74.61-15.55s-160.61-7.25-203.12 4.14l-56 10.37c-8.28 2.07-12.42-9.34-11.39-14.51s-8.3-1 9.32-8.28 48.71-9.34 66.33-11.41a966.24 966.24 0 0 1 260.11 6.21s22.79 3.13 28 11.41a23.74 23.74 0 0 1 1 14.51c-1 3.11-12.47 8.28-4.14 6.21s24.89-2 31.1 9.34-4.12 13.43-7.25 16.56-1.06 10.37-7.27 13.48-22.79-4.14-30.06-4.14l-25.9-3.11a541.61 541.61 0 0 0-100.51-2.07 722.36 722.36 0 0 0-95.34 6.21c-28 5.18-59.09 7.25-87.06 16.58-10.37 3.11-45.61 5.2-44.57-4.14s14.49-10.37 19.69-12.44 9.34 1 13.48-4.14-17.62-1-22.79 0-12.44 5.18-17.62 3.11c-14.49-5.18-8.26-18.66 3.13-21.76Zm187.57-68.4c5.2 1 45.61 2.07 47.68-13.48a46.67 46.67 0 0 0-9.34-25.9c-4.14-3.11-11.39 20.72-13.46-2.07a53.71 53.71 0 0 0-2.07-13.48c-1.06-2.07-2.09-3.11-4.16-3.11h-2.07a9.36 9.36 0 0 0-3.11 5.18c-3.11 6.23-4.14 28-9.32 28s-6.23-13.48-5.2-17.62h-1a37.88 37.88 0 0 0-8.28 6.21c-6.23 6.23-13.48 20.72-9.34 28a24.86 24.86 0 0 0 19.69 9.32ZM791.74 662.8c1-1 1-3.11 2.07-5.18a6.14 6.14 0 0 0-1-4.14 13.48 13.48 0 0 0-3.11-8.3c-7.25-10.35-42.48-16.58-42.48-16.58-17.62-4.14-38.34-7.25-61.14-10.35a228.58 228.58 0 0 0-1-53.89 577.82 577.82 0 0 0-1.08-74.62 42.44 42.44 0 0 0-8.28-24.86c-4.14-6.23-5.18-12.44-15.55-11.41s-12.42 13.48-10.35 20.72l4.14 15.55c1 3.11 5.18 102.58 4.14 111.92v13.48l-75.54-5.2h1c12.44-10.35 8.3-23.83 6.21-38.34s-1-90.14-3.11-98.44-7.25-9.32-12.42-14.51a12.47 12.47 0 0 0-17.31-3.19 12.33 12.33 0 0 0-2.38 2.2c-6.23 6.23 2.07 90.16 2.07 126.43a96.15 96.15 0 0 0 2.07 24.91h-74.63c0-1-1-3.11-1-4.14a80.23 80.23 0 0 1-5.2-14.51 141 141 0 0 1-2.07-21.76c-1-15.55 1-62.17 2.07-74.61s9.34-37.31-14.49-32.13a61.22 61.22 0 0 0-17.66 4.15c-4.14 3.06-4.14 11.34-4.14 15.5s-2.07 66.31-2.07 78.75a116.92 116.92 0 0 0 5.2 33.17 42.46 42.46 0 0 0 16.56 16.56H431.2l-54.93 4.16c-3.11-8.3 1-43.54 8.28-109.85 2.07-15.55-1-15.55-10.35-24.89a12.49 12.49 0 0 0-17.31-3.19 13 13 0 0 0-2.38 2.2c-6.23 5.2-5.2 11.41-6.23 18.65-3.11 23.85-8.28 63.23-10.35 88.09a117.45 117.45 0 0 0 2.07 32.11v2.07l-30.06 4.14c-26.93 4.14-49.73 5.18-65.28 12.44s-10.37 5.18-12.44 9.32l-2.07 4.12a24.22 24.22 0 0 1 1 4.14 11.59 11.59 0 0 0 8.3 9.32h9.32a75.69 75.69 0 0 0 44.55-9.32c86-34.2 331.62-23.83 385.51-13.48 23.83 5.18 60.1 9.34 81.88 22.79l10.39 4.2h4.14a21.08 21.08 0 0 0 8.3 0h3.11a10.37 10.37 0 0 0 5.18-4.16" style="fill:#fff"/>
</svg>

使用上の注意

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