本文へスキップ
企業・団体mail-com-badge

mail.com

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

mail.com 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
ファイルサイズ
1.8 KB · 2 パス

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
mail.com (mail-com-badge)
カテゴリ
企業・団体
公式カラー (HEX / RGB / HSL)
#004788rgb(0, 71, 136) · hsl(209, 100%, 27%)
WCAG コントラストとファイルサイズ
白背景 9.3:1 · 黒背景 2.1:1 · 1.8 KB

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
   <circle cx="512" cy="512" r="512" style="fill:#004788"/>
   <path d="M387.29 459.17c-28.16 0-51.03 22.87-51.03 53.46s22.73 53.32 50.74 53.32c14.44 0 27.16-7.29 35.16-18.3v15.72h16.15v-50.74c-.14-29.87-22.16-53.46-51.03-53.46Zm0 91.19c-18.87 0-34.3-16.29-34.3-37.74s15.44-38.02 34.3-38.02 34.3 17.01 34.3 38.02-15.58 37.74-34.3 37.74Zm137.79-2.72v15.72c-23.87 2.72-40.31-11.29-40.31-37.02v-94.48h16.58v93.91c.14 17.87 11.15 22.44 23.73 21.87Zm-72.18-85.91h16.72v101.63H452.9V461.73Zm0-29.87h16.72v16.72H452.9v-16.72Zm111.92 80.76c0 20.58 15.44 37.02 34.16 37.02 13.44 0 23.87-6.86 29.45-18.01h18.01c-6.72 20.58-24.73 33.88-47.31 33.88-28.02 0-50.89-23.73-50.89-53.03s22.87-53.46 50.89-53.46c22.73 0 40.45 13.44 47.31 33.88h-18.01c-5.72-11.01-16.15-18.01-29.45-18.01-18.72.29-34.16 17.3-34.16 37.74Zm135.08-53.46c-28.73 0-51.03 24.01-51.03 53.6s22.3 53.03 51.03 53.03 51.03-23.87 51.03-53.03c.14-29.44-22.01-53.6-51.03-53.6Zm0 90.62c-18.72 0-34.16-16.58-34.16-36.88s15.44-37.74 34.16-37.74 34.3 17.01 34.3 37.74-15.29 36.88-34.3 36.88Zm-166.09-3.14h16.72v16.72h-16.72v-16.72Zm362.2-48.31v65.04h-16.72v-65.75c0-13.15-8.72-23.01-22.16-23.01s-22.16 9.86-22.16 23.01v65.75h-16.72v-65.75c0-13.15-8.72-23.01-22.16-23.01s-22.16 9.86-22.16 23.01v65.75h-16.72v-104.2h39.02c13.86 0 24.44 6.58 30.45 16.72 6.15-10.29 16.72-16.72 30.59-16.72 23.01 0 38.74 17.01 38.74 39.16Zm-617.77-66.47H128.01V562.5c0 11.72 8 21.44 18.72 24.3l181.39 45.31V481.88c.14-27.59-22.3-50.03-49.89-50.03Zm-.14 130.64v-57.32c0-5.57-1.86-18.58-18.44-18.58-11.01 0-19.01 7.58-19.01 18.58v57.32h-25.16v-57.32c0-5.57-1.72-18.58-18.3-18.58-11.29 0-19.01 7.58-19.01 18.58v57.32h-25.16V462.02h44.17c13.29 0 24.16 5.29 31.16 13.86 7.43-8.58 18.44-13.86 31.16-13.86 27.44 0 43.6 18.15 43.6 43.74l.14 56.75h-25.16Z" style="fill:#fff"/>
</svg>

使用上の注意

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