mirror of
https://github.com/narrrl/proton-drive-linux.git
synced 2026-11-04 00:47:00 +01:00
nvrl
7f84ff7dea
A white cloud with the download arrow as negative space, on a rounded purple tile with a darker lower edge, following the GNOME app-icon grid.
37 lines
1.8 KiB
XML
37 lines
1.8 KiB
XML
<?xml version="1.0" encoding="UTF-8"?>
|
|
<svg width="128" height="128" viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Proton Drive for Linux">
|
|
<defs>
|
|
<linearGradient id="pdl-face" x1="12" y1="12" x2="116" y2="112" gradientUnits="userSpaceOnUse">
|
|
<stop offset="0" stop-color="#A48BFF"/>
|
|
<stop offset="0.55" stop-color="#7552FF"/>
|
|
<stop offset="1" stop-color="#5B36F2"/>
|
|
</linearGradient>
|
|
<linearGradient id="pdl-cloud" x1="0" y1="34" x2="0" y2="88" gradientUnits="userSpaceOnUse">
|
|
<stop offset="0" stop-color="#FFFFFF"/>
|
|
<stop offset="1" stop-color="#ECE6FF"/>
|
|
</linearGradient>
|
|
<!-- the cloud, with the arrow cut out of it as negative space -->
|
|
<mask id="pdl-cut" maskUnits="userSpaceOnUse" x="0" y="0" width="128" height="128">
|
|
<g fill="#FFFFFF">
|
|
<circle cx="66" cy="57" r="23"/>
|
|
<circle cx="42" cy="68" r="16"/>
|
|
<circle cx="88" cy="69" r="15"/>
|
|
<rect x="26" y="68" width="77" height="20" rx="10"/>
|
|
</g>
|
|
<g stroke="#000000" stroke-width="7.5" stroke-linecap="round" stroke-linejoin="round">
|
|
<path d="M64 49v26"/>
|
|
<path d="M54.5 65.5l9.5 9.5 9.5-9.5"/>
|
|
</g>
|
|
</mask>
|
|
</defs>
|
|
|
|
<!-- base: a rounded tile with a darker lower edge for depth -->
|
|
<rect x="12" y="16" width="104" height="100" rx="26" fill="#4424C0"/>
|
|
<rect x="12" y="12" width="104" height="100" rx="26" fill="url(#pdl-face)"/>
|
|
<rect x="12.5" y="12.5" width="103" height="99" rx="25.5" stroke="#FFFFFF" stroke-opacity="0.2"/>
|
|
|
|
<!-- cloud shadow, then the cloud itself -->
|
|
<rect y="3" width="128" height="128" fill="#2E1596" fill-opacity="0.3" mask="url(#pdl-cut)"/>
|
|
<rect width="128" height="128" fill="url(#pdl-cloud)" mask="url(#pdl-cut)"/>
|
|
</svg>
|