跳到主要內容
企業組織proton-pass

Proton Pass

Proton Pass(proton-pass) 官方向量標誌,歸屬企業組織分類,提供無損 SVG 與 1024px 高畫質透明去背景 PNG 下載。

Proton Pass Logo

色彩提取

點選直接複製色值
單色純正規範該標誌採用單一品牌官方基色,建議在排版中保持純正

下載

ADChatGPT Plus·官方正規車位 · 極速上手 GPT-6.1 Sol / 深度研究
優惠碼 6666888 享95折
ADNetflix 4K·獨立車位 · 專屬 PIN 鎖防打擾 · 全裝置秒連
限時特惠碼 6666888 享95折
向量格式
SVG · 1:1
匯出解析度
1024 × 1024 px
畫布視口
0 0 36 36
原始碼體積
4.1 KB · 4 個路徑節點

編輯與匯出

修改顏色、新增背景或留白後匯出常用格式,全程在瀏覽器本地完成

顏色

背景

格式
尺寸

含 SVG、PNG 16–2048px、JPG、WebP、ICO 與網站圖示套裝Proton Pass.zip

品牌視覺規範與工程參數檔案

面向設計系統與工程引用的官方色彩、視口幾何與對比度實測參數

品牌實體 / 展示名稱
Proton Pass (proton-pass)
行業分類歸屬
企業組織
官方基色 (HEX / RGB / HSL)
#6D4AFFrgb(109, 74, 255) · hsl(252, 100%, 65%)
WCAG 亮暗底對比度與向量體積
白底 5.2:1 · 暗底 3.8:1 · 4.1 KB

向量程式碼片段

<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_2219_330)">
<path d="M10.8255 4.5478C13.3368 2.03649 14.5925 0.780832 16.0404 0.310371C17.314 -0.103457 18.686 -0.103457 19.9596 0.310372C21.4076 0.780832 22.6632 2.03649 25.1745 4.5478L31.4522 10.8255C33.9635 13.3368 35.2192 14.5925 35.6896 16.0404C36.1035 17.314 36.1035 18.686 35.6896 19.9596C35.2192 21.4075 33.9635 22.6632 31.4522 25.1745L25.1745 31.4522C22.6632 33.9635 21.4076 35.2192 19.9596 35.6896C18.686 36.1035 17.314 36.1035 16.0404 35.6896C14.5925 35.2192 13.3368 33.9635 10.8255 31.4522L9.64523 30.129C8.931 29.3283 8.57389 28.9279 8.31927 28.4725C8.09344 28.0687 7.92776 27.634 7.82746 27.1823C7.71437 26.673 7.71437 26.1366 7.71437 25.0636L7.71436 10.9364C7.71435 9.86346 7.71435 9.32697 7.82745 8.81767C7.92775 8.36596 8.09343 7.93131 8.31926 7.52745C8.57388 7.0721 8.931 6.67174 9.64523 5.87101L10.8255 4.5478Z" fill="url(#paint0_radial_2219_330)"/>
<path d="M10.8255 4.5478C13.3368 2.03649 14.5925 0.780832 16.0404 0.310371C17.314 -0.103457 18.686 -0.103457 19.9596 0.310372C21.4076 0.780832 22.6632 2.03649 25.1745 4.5478L31.4522 10.8255C33.9635 13.3368 35.2192 14.5925 35.6896 16.0404C36.1035 17.314 36.1035 18.686 35.6896 19.9596C35.2192 21.4075 33.9635 22.6632 31.4522 25.1745L25.1745 31.4522C22.6632 33.9635 21.4076 35.2192 19.9596 35.6896C18.686 36.1035 17.314 36.1035 16.0404 35.6896C14.5925 35.2192 13.3368 33.9635 10.8255 31.4522L9.64523 30.129C8.931 29.3283 8.57389 28.9279 8.31927 28.4725C8.09344 28.0687 7.92776 27.634 7.82746 27.1823C7.71437 26.673 7.71437 26.1366 7.71437 25.0636L7.71436 10.9364C7.71435 9.86346 7.71435 9.32697 7.82745 8.81767C7.92775 8.36596 8.09343 7.93131 8.31926 7.52745C8.57388 7.0721 8.931 6.67174 9.64523 5.87101L10.8255 4.5478Z" fill="url(#paint1_linear_2219_330)"/>
<path d="M10.3771 4.99584C11.6327 3.74018 12.2606 3.11235 12.9845 2.87712C13.6214 2.67021 14.3073 2.67021 14.9441 2.87712C15.6681 3.11236 16.2959 3.74018 17.5516 4.99584L26.9681 14.4124C28.2238 15.668 28.8516 16.2959 29.0869 17.0198C29.2938 17.6566 29.2938 18.3426 29.0869 18.9794C28.8516 19.7034 28.2238 20.3312 26.9681 21.5869L17.5516 31.0034C16.2959 32.2591 15.6681 32.8869 14.9441 33.1221C14.3073 33.329 13.6214 33.329 12.9845 33.1221C12.2606 32.8869 11.6327 32.2591 10.3771 31.0034L4.5478 25.1741C2.03649 22.6628 0.780832 21.4072 0.310371 19.9592C-0.103457 18.6856 -0.103457 17.3137 0.310372 16.04C0.780832 14.5921 2.03649 13.3364 4.5478 10.8251L10.3771 4.99584Z" fill="url(#paint2_radial_2219_330)"/>
</g>
<defs>
<radialGradient id="paint0_radial_2219_330" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(10.8648 36.7016) rotate(-58.142) scale(30.0512 46.9939)">
<stop stop-color="#FFD580"/>
<stop offset="0.09375" stop-color="#F6C592"/>
<stop offset="0.205" stop-color="#EBB6A2"/>
<stop offset="0.324466" stop-color="#DFA5AF"/>
<stop offset="0.42875" stop-color="#D397BE"/>
<stop offset="0.53375" stop-color="#C486CB"/>
<stop offset="0.64875" stop-color="#B578D9"/>
<stop offset="0.77125" stop-color="#A166E5"/>
<stop offset="0.89125" stop-color="#8B57F2"/>
<stop offset="1" stop-color="#704CFF"/>
</radialGradient>
<linearGradient id="paint1_linear_2219_330" x1="9.62492" y1="-7.14818" x2="16.6259" y2="35.5867" gradientUnits="userSpaceOnUse">
<stop stop-color="#6D4AFF"/>
<stop offset="0.392009" stop-color="#B39FFB" stop-opacity="0.978022"/>
<stop offset="1" stop-color="#FFE8DB" stop-opacity="0.8"/>
</linearGradient>
<radialGradient id="paint2_radial_2219_330" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(8.22507 33.0422) rotate(-58.142) scale(24.1716 37.7995)">
<stop stop-color="#FFD580"/>
<stop offset="0.09375" stop-color="#F6C592"/>
<stop offset="0.205" stop-color="#EBB6A2"/>
<stop offset="0.324466" stop-color="#DFA5AF"/>
<stop offset="0.42875" stop-color="#D397BE"/>
<stop offset="0.53375" stop-color="#C486CB"/>
<stop offset="0.64875" stop-color="#B578D9"/>
<stop offset="0.77125" stop-color="#A166E5"/>
<stop offset="0.89125" stop-color="#8B57F2"/>
<stop offset="1" stop-color="#704CFF"/>
</radialGradient>
<clipPath id="clip0_2219_330">
<rect width="36" height="36" fill="white"/>
</clipPath>
</defs>
</svg>

設計應用建議

  • 保持原生 1:1 寬高比(viewBox "0 0 36 36")等比例縮放,切勿拉伸變形
  • 標誌外圍應預留不少於標誌高度 20% 的空白安全保護區
  • 內含向量漸變節點,請勿強制使用 CSS fill: currentColor 扁平覆蓋
檢視更多同類
操作已完成