Skip to content
LogoHub
Enterprisesproton-pass

Proton Pass

Official Proton Pass (proton-pass) vector logo in the Enterprises category. Download lossless SVG and a 1024px transparent PNG.

Proton Pass Logo

Brand Color Palette

Click swatch to copy HEX
Single-Color SpecificationThis logo uses a single official primary color; preserve its hue and contrast in layout.

Download

Download SVG Vector FilePNG
Download all as ZIP
ADChatGPT Plus·Official Shared & Dedicated Plans · Instant Access to GPT-6.1 Sol / Deep Research
Code 6666888 · 5% OFF
ADNetflix 4K·Dedicated Profile · Private PIN Lock · All Devices Supported
Code 6666888 · 5% OFF
Vector Format
SVG · 1:1
Raster Export
1024 × 1024 px
SVG viewBox
0 0 36 36
File Size / Nodes
4.1 KB · 4 paths
Official Site
https://pass.proton.me

Edit & Export

Recolor, add a background or padding, then export. Everything runs locally in your browser.

Colors

Background

Format
Size

SVG, PNG 16–2048px, JPG, WebP, ICO and a favicon setProton Pass.zip

Brand Visual Specifications & SVG Parameters

Database-extracted geometry, color models & WCAG contrast metrics

Brand Entity / Display Name
Proton Pass (proton-pass)
Industry Category
Enterprises
Primary Color (HEX / RGB / HSL)
#6D4AFFrgb(109, 74, 255) · hsl(252, 100%, 65%)
WCAG Surface Contrast
Light 5.2:1 · Dark 3.8:1

Inline SVG Code Snippet

<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>

Engineering & Layout Guidelines

  • Maintain the native 1:1 aspect ratio (viewBox "0 0 36 36") without non-uniform stretching.
  • Preserve at least 20% clear space around the emblem bounding box.
  • Contains vector gradients; avoid overriding paths with flat CSS fill: currentColor.

Related Brand Logos

View All in Category
Action completed