[Icon Update] Spotify Logo Inaccurate

[Snuggle]

Hey, there! The current Spotify logo is incorrect on dark-themed displays.

Ideally, the three "stripes" in the middle should be transparent, to work with either dark or light backgrounds. Papirus has white in the middle, which is only correct on white backgrounds. It looks like crap on a dark background or dark desktop theme.

Example from Spotify's own branding guideline assets.

As you can see, the middle of the stripes should, ideally, be transparent to match whatever colour the background is. If you download their official branding assets, you can see that it is transparent.

View an official branding asset

They also have monochrome logos available, but monochrome black/white wouldn't be suitable for Papirus.

Source: https://developer.spotify.com/branding-guidelines/

[varlesh]

we not use transparent logos, it's our HIG

[Snuggle]

What about a version with a dark interior for those who use dark desktop themes? spotify-dark.svg

It looks jarring on a dark theme to have a random blob of white for no reason.

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" version="1">
 <path style="opacity:0.2" d="M 4.0508,31 C 4.039,31.334 4,31.662 4,32 4,47.512 16.488,60 32,60 47.512,60 60,47.512 60,32 c 0,-0.33768 -0.03904,-0.66528 -0.05078,-1 -0.528,15.042 -12.776,27 -27.95,27 -15.1744,0 -27.422,-11.958 -27.95,-27 z"/>
 <rect style="fill:#1ed760" width="56" height="56" x="-59" y="-60" rx="28" ry="28" transform="matrix(0,-1,-1,0,0,0)"/>
 <path style="opacity:0.2;fill:#000000" d="M 32 3 C 16.488 3 4 15.488 4 31 C 4 31.113448 4.0112808 31.224113 4.0175781 31.335938 C 4.3691213 16.134181 16.710728 4 32 4 L 32.001953 4 C 47.291226 4 59.632832 16.134181 59.984375 31.335938 C 59.990646 31.224113 60.001953 31.113448 60.001953 31 C 60.001953 15.488 47.513953 3 32.001953 3 L 32 3 z"/>
 <path style="opacity:0.2" d="m 28.114,22.00007 c -3.3922,-4.26e-4 -6.6722,0.34734 -9.4688,1.04166 -1.43652,0.35666 -1.5432,0.39824 -1.9427,0.73438 -0.49154,0.41364 -0.70282,0.86764 -0.70312,1.52084 -4.01e-4,0.80888 0.3861,1.43264 1.11458,1.79166 0.59638,0.29388 0.98284,0.28354 2.2864,-0.04688 1.31832,-0.3341 3.1868,-0.65464 4.823,-0.82812 1.66378,-0.17626 6.9146,-0.14698 8.5938,0.04688 4.5518,0.52586 7.796,1.39086 10.9376,2.9166 0.8038,0.39038 1.60034,0.74252 1.77084,0.78124 0.89928,0.20578 1.97016,-0.34488 2.3438,-1.20312 0.18602,-0.42726 0.16928,-1.2137 -0.03126,-1.63542 -0.2477,-0.52116 -0.75372,-0.89426 -2.099,-1.54688 -2.2854,-1.10876 -4.7446,-1.94218 -7.4896,-2.5312 -3.239,-0.69506 -6.7432,-1.04124 -10.1354,-1.04166 z m -1.35832,8.0078 c -0.6039,0.0088 -1.12452,0.02952 -1.47656,0.0651 -2.2812,0.23006 -5.242,0.85778 -6.1822,1.3125 -0.98916,0.47834 -1.3386,2.01632 -0.72916,3.00146 0.23358,0.37762 0.93124,0.79688 1.32812,0.79688 0.14956,0 0.86824,-0.16736 1.59896,-0.3698 2.1316,-0.59062 3.5592,-0.7836 6.1614,-0.83334 1.6869,-0.03176 3.1687,-0.0044 4.1525,0.10936 4.1778,0.48256 7.84933,1.30411 11.39153,3.38923 0.48706,0.28658 0.99008,0.52114 1.1198,0.52084 1.0544,-0.0024 1.9719,-1.3047 1.79166,-2.35566 -0.1575,-0.91792 -0.55258,-1.30156 -2.3646,-2.3124 -3.0006,-1.6741 -6.89393,-2.54703 -10.80833,-3.12363 -0.67062,-0.09864 -2.0354,-0.16526 -3.4062,-0.1927 -0.68544,-0.014 -1.97316,-0.0166 -2.57706,-0.008 z m 2.22259,7.99961 c -0.4839,0.0088 -0.90062,0.02992 -1.1823,0.06548 -1.82486,0.23006 -4.1956,0.85778 -4.948,1.3125 -0.79136,0.47834 -1.07084,2.0162 -0.58334,3.0013 0.18688,0.37762 0.745,0.79688 1.0625,0.79688 0.11964,0 0.69668,-0.16736 1.28124,-0.3698 1.70528,-0.5906 2.8452,-0.78362 4.927,-0.83334 1.34944,-0.03174 1.36419,-0.0044 2.15139,0.10936 3.3422,0.48256 5.19738,1.30418 8.03118,3.3893 0.3896,0.28658 0.79738,0.52112 0.90104,0.52084 0.84358,-0.0024 1.57158,-1.10524 1.42708,-2.1562 -0.12598,-0.91792 -0.43578,-1.30156 -1.88542,-2.3124 -2.4006,-1.6741 -4.43618,-2.7464 -7.56758,-3.323 -0.53658,-0.09864 -1.62722,-0.16566 -2.724,-0.19308 -0.54834,-0.014 -0.40701,-0.0166 -0.89093,-0.008 z"/>
 <path style="fill:#191414" d="m 28.114,21 c -3.3922,-4.26e-4 -6.6722,0.34734 -9.4688,1.04166 -1.43652,0.35666 -1.5432,0.39824 -1.9427,0.73438 -0.49154,0.41364 -0.70282,0.86764 -0.70312,1.52084 -4.01e-4,0.80888 0.3861,1.43264 1.11458,1.79166 0.59638,0.29388 0.98284,0.28354 2.2864,-0.04688 1.31832,-0.3341 3.1868,-0.65464 4.823,-0.82812 1.66378,-0.17626 6.9146,-0.14698 8.5938,0.04688 4.5518,0.52586 7.796,1.39086 10.9376,2.9166 0.8038,0.39038 1.60034,0.74252 1.77084,0.78124 0.89928,0.20578 1.97016,-0.34488 2.3438,-1.20312 0.18602,-0.42726 0.16928,-1.2137 -0.03126,-1.63542 -0.2477,-0.52116 -0.75372,-0.89426 -2.099,-1.54688 -2.2854,-1.10876 -4.7446,-1.94218 -7.4896,-2.5312 -3.239,-0.69506 -6.7432,-1.04124 -10.1354,-1.04166 z m -1.35832,8.0078 c -0.6039,0.0088 -1.12452,0.02952 -1.47656,0.0651 -2.2812,0.23006 -5.242,0.85778 -6.1822,1.3125 -0.98916,0.47834 -1.3386,2.01632 -0.72916,3.00146 0.23358,0.37762 0.93124,0.79688 1.32812,0.79688 0.14956,0 0.86824,-0.16736 1.59896,-0.3698 2.1316,-0.59062 3.5592,-0.7836 6.1614,-0.83334 1.6869,-0.03176 3.1687,-0.0044 4.1525,0.10936 4.1778,0.48256 7.84933,1.30411 11.39153,3.38923 0.48706,0.28658 0.99008,0.52114 1.1198,0.52084 1.0544,-0.0024 1.9719,-1.3047 1.79166,-2.35566 -0.1575,-0.91792 -0.55258,-1.30156 -2.3646,-2.3124 -3.0006,-1.6741 -6.89393,-2.54703 -10.80833,-3.12363 -0.67062,-0.09864 -2.0354,-0.16526 -3.4062,-0.1927 -0.68544,-0.014 -1.97316,-0.0166 -2.57706,-0.008 z m 2.22259,7.99961 c -0.4839,0.0088 -0.90062,0.02992 -1.1823,0.06548 -1.82486,0.23006 -4.1956,0.85778 -4.948,1.3125 -0.79136,0.47834 -1.07084,2.0162 -0.58334,3.0013 0.18688,0.37762 0.745,0.79688 1.0625,0.79688 0.11964,0 0.69668,-0.16736 1.28124,-0.3698 1.70528,-0.5906 2.8452,-0.78362 4.927,-0.83334 1.34944,-0.03174 1.36419,-0.0044 2.15139,0.10936 3.3422,0.48256 5.19738,1.30418 8.03118,3.3893 0.3896,0.28658 0.79738,0.52112 0.90104,0.52084 0.84358,-0.0024 1.57158,-1.10524 1.42708,-2.1562 -0.12598,-0.91792 -0.43578,-1.30156 -1.88542,-2.3124 -2.4006,-1.6741 -4.43618,-2.7464 -7.56758,-3.323 -0.53658,-0.09864 -1.62722,-0.16566 -2.724,-0.19308 -0.54834,-0.014 -0.40701,-0.0166 -0.89093,-0.008 z"/>
</svg>

Here's a working dark version in 64x64 for anyone who uses a dark theme and stumbles across this. Uses #2a2222 as dark colour. Preview below. 🙂

[varlesh]

sources available you can modify icon what you want