跳到主要内容
企业组织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 扁平覆盖
查看更多同类
操作已完成