Android
企業・団体
企業・団体protonvpn
Proton VPN
Proton VPN（protonvpn）の公式ベクターロゴ。企業・団体カテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。
ブランドカラー
クリックでカラーコードをコピーダウンロード
ADChatGPT Plus·公式の共有・専用プラン · GPT-6.1 Sol / Deep Research をすぐに利用クーポン 6666888 で 5% オフ
ADNetflix 4K·専用プロフィール · PIN ロック · 全デバイス対応クーポン 6666888 で 5% オフ
- ベクター形式
- SVG · 54:49
- 書き出し解像度
- 1024 × 1024 px
- viewBox
- 0 0 918 833
- ファイルサイズ
- 1.2 KB · 4 パス
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますProton VPN.zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- Proton VPN (protonvpn)
- カテゴリ
- 企業・団体
- 公式カラー (HEX / RGB / HSL)
- #8EFFEErgb(142, 255, 238) · hsl(171, 100%, 78%)
- WCAG コントラストとファイルサイズ
- 白背景 1.2:1 · 黒背景 16.7:1 · 1.2 KB
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="918" height="833" viewBox="0 0 918 833" fill="none"><g clip-path="url(#a)"><g clip-path="url(#b)"><path fill="url(#c)" fill-rule="evenodd" d="M369.025 783.591c34.894 62.73 124.503 66.127 164.12 6.222l369.402-558.581c39.174-59.236 1.693-138.655-69.246-146.726L107.232 1.892C29.822-6.916-25.294 74.708 12.358 142.396z" clip-rule="evenodd"/><path fill="url(#d)" d="m389.854 725.08 32.784-48.898L671.66 300.021c21.773-32.888.992-77.007-38.401-81.53L15.25 147.539l320.146 575.543c11.684 20.599 41.227 21.732 54.458 1.998"/></g></g><defs><linearGradient id="c" x1="830.496" x2="239.715" y1="783.548" y2="-235.266" gradientUnits="userSpaceOnUse"><stop offset=".066" stop-color="#8effee"/><stop offset=".45" stop-color="#c9c7ff"/><stop offset="1" stop-color="#7341ff"/></linearGradient><linearGradient id="d" x1="884.537" x2="57.242" y1="-908.44" y2="861.083" gradientUnits="userSpaceOnUse"><stop offset=".48" stop-color="#6d4aff"/><stop offset=".994" stop-color="#00f0c3"/></linearGradient><clipPath id="a"><path fill="#fff" d="M0 0h918v833H0z"/></clipPath><clipPath id="b"><path fill="#fff" d="M.227 1.234h918.147v831.53H.227z"/></clipPath></defs></svg>使用上の注意
- 元の 54:49 の縦横比（viewBox "0 0 918 833"）を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- グラデーションを含むため、CSS の fill: currentColor で一色に上書きしないでください。
