41 lines
2.2 KiB
XML
41 lines
2.2 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80" fill="none">
|
|
<defs>
|
|
<linearGradient id="bg" x1="0" y1="0" x2="80" y2="80" gradientUnits="userSpaceOnUse">
|
|
<stop offset="0%" stop-color="#00c896"/>
|
|
<stop offset="100%" stop-color="#008c6a"/>
|
|
</linearGradient>
|
|
<linearGradient id="bar1" x1="0" y1="0" x2="0" y2="1">
|
|
<stop offset="0%" stop-color="#6fffd4"/>
|
|
<stop offset="100%" stop-color="#00c896"/>
|
|
</linearGradient>
|
|
<linearGradient id="bar2" x1="0" y1="0" x2="0" y2="1">
|
|
<stop offset="0%" stop-color="#fff" stop-opacity="0.9"/>
|
|
<stop offset="100%" stop-color="#a0ffe0"/>
|
|
</linearGradient>
|
|
<linearGradient id="bar3" x1="0" y1="0" x2="0" y2="1">
|
|
<stop offset="0%" stop-color="#6fffd4"/>
|
|
<stop offset="100%" stop-color="#00a870"/>
|
|
</linearGradient>
|
|
<filter id="bs" x="-20%" y="-20%" width="140%" height="140%">
|
|
<feDropShadow dx="0" dy="3" stdDeviation="3" flood-color="#008c6a" flood-opacity="0.35"/>
|
|
</filter>
|
|
</defs>
|
|
<!-- background panel -->
|
|
<rect x="10" y="10" width="60" height="60" rx="14" fill="url(#bg)" filter="url(#bs)"/>
|
|
<!-- grid lines -->
|
|
<line x1="18" y1="55" x2="62" y2="55" stroke="white" stroke-opacity="0.2" stroke-width="1"/>
|
|
<line x1="18" y1="45" x2="62" y2="45" stroke="white" stroke-opacity="0.15" stroke-width="1"/>
|
|
<line x1="18" y1="35" x2="62" y2="35" stroke="white" stroke-opacity="0.1" stroke-width="1"/>
|
|
<!-- bars -->
|
|
<rect x="20" y="38" width="10" height="17" rx="3" fill="url(#bar2)" opacity="0.85"/>
|
|
<rect x="34" y="28" width="10" height="27" rx="3" fill="white" opacity="0.95"/>
|
|
<rect x="48" y="33" width="10" height="22" rx="3" fill="url(#bar2)" opacity="0.85"/>
|
|
<!-- trend line -->
|
|
<polyline points="25,37 39,25 53,30" stroke="#ffffcc" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none" opacity="0.7"/>
|
|
<circle cx="25" cy="37" r="2.5" fill="#fff" opacity="0.9"/>
|
|
<circle cx="39" cy="25" r="2.5" fill="#fff" opacity="0.9"/>
|
|
<circle cx="53" cy="30" r="2.5" fill="#fff" opacity="0.9"/>
|
|
<!-- bottom axis -->
|
|
<line x1="18" y1="57" x2="62" y2="57" stroke="white" stroke-opacity="0.4" stroke-width="1.5"/>
|
|
</svg>
|