88 lines
2.0 KiB
XML
88 lines
2.0 KiB
XML
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
width="200"
|
|
height="200"
|
|
viewBox="0 0 200 200"
|
|
>
|
|
<defs>
|
|
<linearGradient
|
|
id="richGradient"
|
|
x1="0%"
|
|
y1="0%"
|
|
x2="100%"
|
|
y2="100%"
|
|
>
|
|
<stop offset="0%" stop-color="#1e3a8a" stop-opacity="1"/>
|
|
<stop offset="25%" stop-color="#2d3485"/>
|
|
<stop offset="45%" stop-color="#4c2e7f"/>
|
|
<stop offset="60%" stop-color="#6b2878"/>
|
|
<stop offset="80%" stop-color="#b9326e"/>
|
|
<stop offset="100%" stop-color="#ea437a" stop-opacity="1"/>
|
|
</linearGradient>
|
|
|
|
<radialGradient
|
|
id="darkenGradient"
|
|
cx="50%"
|
|
cy="50%"
|
|
r="50%"
|
|
>
|
|
<stop offset="0%" stop-color="#ffffff" stop-opacity="0.3"/>
|
|
<stop offset="30%" stop-color="#ffffff" stop-opacity="0.1"/>
|
|
<stop offset="60%" stop-color="#000000" stop-opacity="0"/>
|
|
<stop offset="80%" stop-color="#000000" stop-opacity="0.2"/>
|
|
<stop offset="100%" stop-color="#000000" stop-opacity="0.5"/>
|
|
</radialGradient>
|
|
|
|
<linearGradient
|
|
id="shadowGradient"
|
|
x1="20%"
|
|
y1="20%"
|
|
x2="80%"
|
|
y2="80%"
|
|
>
|
|
<stop offset="0%" stop-color="#0f1d42"/>
|
|
<stop offset="25%" stop-color="#1f2a5d"/>
|
|
<stop offset="45%" stop-color="#332f78"/>
|
|
<stop offset="60%" stop-color="#5f3458"/>
|
|
<stop offset="80%" stop-color="#7a2250"/>
|
|
<stop offset="100%" stop-color="#a50d57"/>
|
|
</linearGradient>
|
|
</defs>
|
|
|
|
<!-- Main donut -->
|
|
<path
|
|
d="
|
|
M100,20
|
|
A80,80 0 1,1 99.9,20
|
|
M100,60
|
|
A40,40 0 1,0 100.1,60
|
|
"
|
|
fill="url(#richGradient)"
|
|
fill-rule="evenodd"
|
|
/>
|
|
|
|
<!-- Darkening / depth overlay -->
|
|
<path
|
|
d="
|
|
M100,20
|
|
A80,80 0 1,1 99.9,20
|
|
M100,60
|
|
A40,40 0 1,0 100.1,60
|
|
"
|
|
fill="url(#darkenGradient)"
|
|
fill-rule="evenodd"
|
|
/>
|
|
|
|
<!-- Inner shadow -->
|
|
<path
|
|
d="
|
|
M100,60
|
|
A40,40 0 1,0 100.1,60
|
|
M100,75
|
|
A25,25 0 1,1 99.9,75
|
|
"
|
|
fill="url(#shadowGradient)"
|
|
fill-rule="evenodd"
|
|
/>
|
|
</svg>
|