27 lines
1.4 KiB
XML
27 lines
1.4 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120" width="120" height="120">
|
|
<g transform="scale(2.5)">
|
|
<defs>
|
|
<linearGradient id="postit" x1="0%" y1="0%" x2="0%" y2="100%">
|
|
<stop offset="0%" stop-color="#FFFF88"/>
|
|
<stop offset="100%" stop-color="#FFEE55"/>
|
|
</linearGradient>
|
|
<filter id="postitshadow" x="-10%" y="-10%" width="120%" height="120%">
|
|
<feDropShadow dx="1" dy="2" stdDeviation="1" flood-color="#000000" flood-opacity="0.2"/>
|
|
</filter>
|
|
</defs>
|
|
<!-- Post-it with curl -->
|
|
<g transform="rotate(-8, 24, 24)">
|
|
<!-- Post-it background -->
|
|
<path d="M 8 8 L 40 8 L 40 38 L 12 38 Q 8 38 8 34 Z" fill="url(#postit)" filter="url(#postitshadow)"/>
|
|
<!-- Curled corner -->
|
|
<path d="M 8 34 Q 10 36 12 38 L 8 38 Z" fill="#E8D84A"/>
|
|
<path d="M 8 34 Q 9 35 12 38" fill="none" stroke="#D4C840" stroke-width="0.5"/>
|
|
<!-- "YOU" text - angry marker style -->
|
|
<text x="24" y="20" font-family="Arial Black, sans-serif" font-size="8" font-weight="bold" fill="#CC0000" text-anchor="middle">YOU</text>
|
|
<!-- "SUCK" text -->
|
|
<text x="24" y="32" font-family="Arial Black, sans-serif" font-size="8" font-weight="bold" fill="#CC0000" text-anchor="middle">SUCK</text>
|
|
<!-- Angry underline scribble -->
|
|
<path d="M 12 34 Q 18 36 24 34 Q 30 32 36 35" fill="none" stroke="#CC0000" stroke-width="1.5" stroke-linecap="round"/>
|
|
</g>
|
|
</g>
|
|
</svg>
|