Android
企業・団体
Proton Mail
Proton Mail（protonmail）の公式ベクターロゴ。企業・団体カテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。
ブランドカラー
クリックでカラーコードをコピーダウンロード
ADChatGPT Plus·公式の共有・専用プラン · GPT-6.1 Sol / Deep Research をすぐに利用クーポン 6666888 で 5% オフ
ADNetflix 4K·専用プロフィール · PIN ロック · 全デバイス対応クーポン 6666888 で 5% オフ
- ベクター形式
- SVG · 1.23:1
- 書き出し解像度
- 1024 × 1024 px
- viewBox
- 0 0 918 745
- ファイルサイズ
- 1.4 KB · 4 パス
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますProton Mail.zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- Proton Mail (protonmail)
- カテゴリ
- 企業・団体
- 公式カラー (HEX / RGB / HSL)
- #E3D9FFrgb(227, 217, 255) · hsl(256, 100%, 93%)
- WCAG コントラストとファイルサイズ
- 白背景 1.3:1 · 黒背景 14.8:1 · 1.4 KB
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="918" height="745" fill="none" viewBox="0 0 918 745"><g clip-path="url(#a)"><path fill="url(#b)" fill-rule="evenodd" d="M723.149 140.476v604.98h100.286c52.441 0 94.939-43.084 94.939-96.133V21.947c0-18.125-20.827-27.995-34.617-16.417z" clip-rule="evenodd"/><path fill="url(#c)" fill-rule="evenodd" d="m583.274 258.151-183.217 163.89c-31.239 27.9-77.864 28.564-109.855 1.613L.227 179.574V22.042c0-18.125 20.826-28.09 34.617-16.512L398.65 311.294a94.056 94.056 0 0 0 121.394 0z" clip-rule="evenodd"/><path fill="url(#d)" d="m723.149 140.571-139.875 117.58.094-.001-183.311 163.891c-31.239 27.9-77.864 28.564-109.855 1.613L.227 179.574v469.749c0 53.049 42.497 96.133 94.938 96.133H723.15z"/></g><defs><linearGradient id="b" x1="2304.04" x2="2116.29" y1="1228.39" y2="-635.265" gradientUnits="userSpaceOnUse"><stop offset=".271" stop-color="#e3d9ff"/><stop offset="1" stop-color="#7341ff"/></linearGradient><linearGradient id="c" x1="542.753" x2="160.929" y1="752.371" y2="-755.454" gradientUnits="userSpaceOnUse"><stop stop-color="#e3d9ff"/><stop offset="1" stop-color="#7341ff"/></linearGradient><radialGradient id="d" cx="0" cy="0" r="1" gradientTransform="matrix(1070.72 0 0 1083.11 914.374 91.728)" gradientUnits="userSpaceOnUse"><stop offset=".556" stop-color="#6d4aff"/><stop offset=".994" stop-color="#aa8eff"/></radialGradient><clipPath id="a"><path fill="#fff" d="M0 0h918v745H0z"/></clipPath></defs></svg>使用上の注意
- 元の 1.23:1 の縦横比（viewBox "0 0 918 745"）を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- グラデーションを含むため、CSS の fill: currentColor で一色に上書きしないでください。
