32 lines
1.9 KiB
XML
32 lines
1.9 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 360" role="img" aria-labelledby="title desc">
|
|
<title id="title">Bill Tracker empty-state illustration</title>
|
|
<desc id="desc">Quiet ledger cards, a checkmark chart, and calm status dots.</desc>
|
|
<defs>
|
|
<radialGradient id="glow" cx="50%" cy="35%" r="60%">
|
|
<stop offset="0" stop-color="#40c878" stop-opacity="0.18"/>
|
|
<stop offset="1" stop-color="#40c878" stop-opacity="0"/>
|
|
</radialGradient>
|
|
<linearGradient id="trust" x1="242" x2="392" y1="246" y2="96" gradientUnits="userSpaceOnUse">
|
|
<stop offset="0" stop-color="#1e9f93"/>
|
|
<stop offset="0.58" stop-color="#40c878"/>
|
|
<stop offset="1" stop-color="#96e6a1"/>
|
|
</linearGradient>
|
|
</defs>
|
|
<rect width="640" height="360" rx="38" fill="#101417"/>
|
|
<rect width="640" height="360" rx="38" fill="url(#glow)"/>
|
|
<rect x="126" y="74" width="388" height="212" rx="30" fill="#172025" stroke="#314047"/>
|
|
<rect x="158" y="108" width="122" height="18" rx="9" fill="#314047"/>
|
|
<rect x="158" y="144" width="84" height="14" rx="7" fill="#26343a"/>
|
|
<rect x="158" y="174" width="128" height="14" rx="7" fill="#26343a"/>
|
|
<rect x="158" y="204" width="102" height="14" rx="7" fill="#26343a"/>
|
|
<circle cx="438" cy="118" r="9" fill="#40c878"/>
|
|
<circle cx="438" cy="156" r="9" fill="#d99a24"/>
|
|
<circle cx="438" cy="194" r="9" fill="#23b6a8"/>
|
|
<rect x="318" y="183" width="22" height="52" rx="7" fill="url(#trust)" opacity="0.82"/>
|
|
<rect x="352" y="153" width="22" height="82" rx="7" fill="url(#trust)" opacity="0.92"/>
|
|
<rect x="386" y="122" width="22" height="113" rx="7" fill="url(#trust)"/>
|
|
<path d="m319 132 29 29 82-64" fill="none" stroke="#96e6a1" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"/>
|
|
<path d="m319 132 29 29 82-64" fill="none" stroke="#40c878" stroke-linecap="round" stroke-linejoin="round" stroke-width="6"/>
|
|
<path d="M118 296h404" stroke="#26343a" stroke-width="4" stroke-linecap="round"/>
|
|
</svg>
|
