Showing: full SVG
Concept Groups
bottom orange tape strip: 3 4 5 6
right edge of blue note: 0 1 2
Elements — click to highlight
| # | Tag | Concept | Purity | Contributions |
|---|---|---|---|---|
| 0 | path |
right edge of blue n |
0.996
|
0.000 0.004 |
| 1 | path |
right edge of blue n |
0.998
|
0.001 0.618 |
| 2 | path |
right edge of blue n |
0.997
|
0.000 0.017 |
| 3 | rect |
bottom orange tape s |
0.668
|
0.435 0.216 |
| 4 | rect |
bottom orange tape s |
0.684
|
0.016 0.008 |
| 5 | rect |
bottom orange tape s |
0.800
|
0.529 0.132 |
| 6 | rect |
bottom orange tape s |
0.789
|
0.018 0.005 |
SVG Code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512">
<!--
Step-by-Step Analysis
1) Background: Transparent (no background rectangle).
2) Main object: A flat, minimalist, irregular blue paper/note shape.
- Slight tilt to suggest it’s casually placed.
- Subtle darker edge/shadow to separate it from the background while staying flat.
3) Tape elements: Two small orange tape strips.
- One near the top edge of the note.
- One near the bottom edge of the note.
- Both slightly angled to match the note’s tilt.
4) Overall style: Clean, simple shapes, no heavy gradients; minimal shading only.
-->
<defs>
<!-- Subtle shadow to lift the note off transparent background -->
<filter id="softShadow" x="-20%" y="-20%" width="140%" height="140%">
<feDropShadow dx="0" dy="3" stdDeviation="4" flood-color="#000000" flood-opacity="0.18"/>
</filter>
<!-- Clip path matching the note shape so tape can appear "on top" cleanly -->
<clipPath id="noteClip">
<path d="M115 130
C135 105, 190 92, 240 98
C292 104, 330 92, 365 110
C395 126, 418 168, 405 205
C392 242, 420 285, 403 325
C386 365, 344 392, 304 404
C264 416, 232 438, 190 428
C150 418, 110 392, 105 350
C100 310, 82 270, 92 230
C102 190, 92 155, 115 130 Z"/>
</clipPath>
</defs>
<!-- Tilt the whole composition slightly -->
<g transform="rotate(-10 256 256)">
<!-- Note shadow -->
<path filter="url(#softShadow)"
d="M115 130
C135 105, 190 92, 240 98
C292 104, 330 92, 365 110
C395 126, 418 168, 405 205
C392 242, 420 285, 403 325
C386 365, 344 392, 304 404
C264 416, 232 438, 190 428
C150 418, 110 392, 105 350
C100 310, 82 270, 92 230
C102 190, 92 155, 115 130 Z"
fill="#2f72d8"/>
<!-- Note body -->
<path d="M115 130
C135 105, 190 92, 240 98
C292 104, 330 92, 365 110
C395 126, 418 168, 405 205
C392 242, 420 285, 403 325
C386 365, 344 392, 304 404
C264 416, 232 438, 190 428
C150 418, 110 392, 105 350
C100 310, 82 270, 92 230
C102 190, 92 155, 115 130 Z"
fill="#3b82f6"/>
<!-- Subtle edge highlight (flat look, minimal) -->
<path d="M125 138
C145 118, 195 108, 238 112
C287 116, 325 106, 355 120
C378 132, 398 168, 388 198
C378 228, 402 278, 387 315
C372 350, 336 372, 300 382
C262 392, 232 412, 198 404
C166 396, 132 372, 128 340
C123 306, 108 270, 116 236
C124 204, 108 164, 125 138 Z"
fill="none" stroke="#67a3ff" stroke-width="6" opacity="0.35" stroke-linecap="round"/>
<!-- Tape strips (on top of note) -->
<g clip-path="url(#noteClip)">
<!-- Top tape -->
<g transform="rotate(-6 260 140)">
<rect x="200" y="118" width="140" height="38" rx="6" fill="#f59e0b"/>
<!-- small lighter band to suggest tape sheen -->
<rect x="206" y="124" width="128" height="10" rx="5" fill="#fbbf24" opacity="0.9"/>
</g>
<!-- Bottom tape -->
<g transform="rotate(7 250 390)">
<rect x="190" y="372" width="160" height="40" rx="6" fill="#f59e0b"/>
<rect x="198" y="378" width="144" height="10" rx="5" fill="#fbbf24" opacity="0.9"/>
</g>
</g>
</g>
</svg>