rainbow-quox download button

This commit is contained in:
Rhiannon Morris 2024-12-16 22:40:26 +01:00
parent 845c0b9708
commit 7e4518bdaf
5 changed files with 86 additions and 13 deletions

25
rainbow-quox/download.svg Normal file
View file

@ -0,0 +1,25 @@
<?xml version="1.0" encoding="utf-8"?>
<svg xmlns="http://www.w3.org/2000/svg"
width="30" height="30" viewBox="0 0 100 100">
<defs>
<linearGradient id="fill" x2="0%" y2="100%">
<stop offset="20%" stop-color="hsl(60 90% 95%)" />
<stop offset="100%" stop-color="hsl(60 80% 90%)" />
</linearGradient>
<linearGradient id="fade" x2="0%" y1="100%">
<stop offset="70%" stop-color="white" />
<stop offset="100%" stop-color="black" />
</linearGradient>
<path id="path"
d="M 45,0 v 60 l -23.28,-23.28 -7.07,7.07 35.35,35.35
35.35,-35.35 -7.07,-7.07 -23.28,23.28 v -60 z
M 10,95 h 80 v -20 h -10 v 10 h -60 v -10 h -10 z" />
<mask id="mask"><rect width="100" height="100" fill="url(#fade)" /></mask>
</defs>
<use href="#path" stroke="#123" fill="url(#fill)" mask="url(#mask)" />
</svg>

After

Width:  |  Height:  |  Size: 875 B