icon.svgā¢2.22 kB
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<defs>
<linearGradient id="orangeGradient" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#F56400;stop-opacity:1" />
<stop offset="100%" style="stop-color:#F39200;stop-opacity:1" />
</linearGradient>
</defs>
<!-- Background Circle -->
<circle cx="256" cy="256" r="256" fill="url(#orangeGradient)"/>
<!-- Shopping Bag -->
<g transform="translate(256, 256)">
<!-- Bag Body -->
<path d="M -80 -40 L -80 120 Q -80 140 -60 140 L 60 140 Q 80 140 80 120 L 80 -40 Z"
fill="#FFFFFF" stroke="#FFFFFF" stroke-width="4"/>
<!-- Bag Handle Left -->
<path d="M -60 -40 Q -60 -100 0 -100"
fill="none" stroke="#FFFFFF" stroke-width="12" stroke-linecap="round"/>
<!-- Bag Handle Right -->
<path d="M 60 -40 Q 60 -100 0 -100"
fill="none" stroke="#FFFFFF" stroke-width="12" stroke-linecap="round"/>
<!-- Decorative Heart (Etsy's handmade theme) -->
<g transform="translate(0, 30)">
<path d="M 0 20 Q -8 12 -12 8 Q -18 2 -18 -6 Q -18 -14 -12 -18 Q -6 -22 0 -18 Q 6 -22 12 -18 Q 18 -14 18 -6 Q 18 2 12 8 Q 8 12 0 20 Z"
fill="#F56400" opacity="0.9"/>
</g>
<!-- Sparkle 1 (top right) -->
<g transform="translate(50, -80)">
<path d="M 0 -8 L 0 8 M -8 0 L 8 0" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" opacity="0.8"/>
</g>
<!-- Sparkle 2 (bottom left) -->
<g transform="translate(-50, 100)">
<path d="M 0 -6 L 0 6 M -6 0 L 6 0" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" opacity="0.8"/>
</g>
<!-- Sparkle 3 (top left) -->
<g transform="translate(-70, -60)">
<path d="M 0 -5 L 0 5 M -5 0 L 5 0" stroke="#FFFFFF" stroke-width="2.5" stroke-linecap="round" opacity="0.7"/>
</g>
</g>
<!-- MCP Badge (bottom right corner) -->
<g transform="translate(420, 420)">
<circle cx="0" cy="0" r="35" fill="#FFFFFF" opacity="0.95"/>
<text x="0" y="0" font-family="Arial, sans-serif" font-size="28" font-weight="bold"
fill="#F56400" text-anchor="middle" dominant-baseline="central">MCP</text>
</g>
</svg>