Showing: full SVG
Concept Groups
pink gift box: 0 14
brown ribbons: 1 2 3 4 5 6 7 8 9 10 11 12 13 15
waves:
Elements — click to highlight
| # | Tag | Concept | Purity | Contributions |
|---|---|---|---|---|
| 0 | rect |
pink gift box |
0.603
|
0.602 0.011 0.385 |
| 1 | rect |
brown ribbons |
0.489
|
0.088 0.158 0.078 |
| 2 | rect |
brown ribbons |
0.501
|
0.066 0.122 0.056 |
| 3 | path |
brown ribbons |
0.473
|
0.162 0.324 0.199 |
| 4 | path |
brown ribbons |
0.460
|
0.002 0.003 0.002 |
| 5 | path |
brown ribbons |
0.418
|
0.018 0.036 0.032 |
| 6 | path |
brown ribbons |
0.420
|
0.017 0.035 0.032 |
| 7 | ellipse |
brown ribbons |
0.474
|
0.004 0.022 0.021 |
| 8 | path |
brown ribbons |
0.586
|
0.011 0.107 0.065 |
| 9 | path |
brown ribbons |
0.592
|
0.006 0.107 0.067 |
| 10 | path |
brown ribbons |
0.534
|
0.000 0.001 0.001 |
| 11 | path |
brown ribbons |
0.571
|
0.000 0.001 0.001 |
| 12 | path |
brown ribbons |
0.471
|
0.006 0.026 0.023 |
| 13 | path |
brown ribbons |
0.472
|
0.009 0.036 0.031 |
| 14 | path |
pink gift box |
0.387
|
0.005 0.003 0.004 |
| 15 | path |
brown ribbons |
0.402
|
0.003 0.005 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) Overall subject: a single, centered cartoon gift box on transparent background (no backdrop shapes).
2) Main box: soft muted pink/coral body with rounded corners and a subtle hand-drawn look.
3) Ribbons: light brown ribbons crossing vertically and horizontally across the box front.
4) Lid: light brown lid sitting on top of the box body.
5) Lid decoration: delicate white wavy lines across the lid surface.
6) Bow: simple looping bow on top, in the same light brown ribbon color.
7) Style: clean vector with slightly rounded strokes to mimic whimsical hand-drawn aesthetic.
-->
<defs>
<!-- Soft shadow (kept subtle; still on transparent background) -->
<filter id="softShadow" x="-20%" y="-20%" width="140%" height="140%">
<feDropShadow dx="0" dy="6" stdDeviation="6" flood-color="#000000" flood-opacity="0.18"/>
</filter>
<!-- Slight outline style -->
<style>
.outline{stroke:#6b4a3a;stroke-width:6;stroke-linecap:round;stroke-linejoin:round}
.thin{stroke:#ffffff;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;fill:none;opacity:0.95}
</style>
</defs>
<!-- Group the whole gift -->
<g filter="url(#softShadow)">
<!-- Main box body -->
<rect x="120" y="210" width="272" height="220" rx="26"
fill="#e88f93" class="outline"/>
<!-- Horizontal ribbon on body -->
<rect x="120" y="300" width="272" height="44" rx="18"
fill="#caa07c" class="outline"/>
<!-- Vertical ribbon on body -->
<rect x="234" y="210" width="44" height="220" rx="18"
fill="#caa07c" class="outline"/>
<!-- Lid -->
<path d="M110 210
Q116 172 156 168
L356 168
Q396 172 402 210
Q401 226 386 232
L126 232
Q111 226 110 210 Z"
fill="#caa07c" class="outline"/>
<!-- Lid top highlight (subtle) -->
<path d="M132 196
Q138 182 160 180
L352 180
Q374 182 380 196
Q368 190 352 190
L160 190
Q144 190 132 196 Z"
fill="#d7b190" opacity="0.55"/>
<!-- White wavy lines on lid -->
<path class="thin"
d="M140 205
C165 192, 190 218, 215 205
S265 192, 290 205
S340 218, 365 205"/>
<path class="thin"
d="M140 220
C165 207, 190 233, 215 220
S265 207, 290 220
S340 233, 365 220"
opacity="0.85"/>
<!-- Bow base knot -->
<ellipse cx="256" cy="156" rx="22" ry="16"
fill="#caa07c" class="outline"/>
<!-- Left loop -->
<path d="M250 156
C220 128, 178 132, 168 160
C160 184, 188 198, 214 186
C232 178, 242 168, 250 156 Z"
fill="#caa07c" class="outline"/>
<!-- Right loop -->
<path d="M262 156
C292 128, 334 132, 344 160
C352 184, 324 198, 298 186
C280 178, 270 168, 262 156 Z"
fill="#caa07c" class="outline"/>
<!-- Small inner creases on loops (to feel hand-drawn) -->
<path d="M206 170 C198 160, 196 150, 206 142" fill="none" stroke="#6b4a3a" stroke-width="4" stroke-linecap="round" opacity="0.35"/>
<path d="M306 142 C316 150, 314 160, 306 170" fill="none" stroke="#6b4a3a" stroke-width="4" stroke-linecap="round" opacity="0.35"/>
<!-- Ribbon tails (small, simple) -->
<path d="M244 170
C236 188, 234 206, 242 224
C248 238, 240 248, 228 254
C244 252, 260 242, 260 228
C260 206, 252 188, 252 170 Z"
fill="#caa07c" class="outline"/>
<path d="M268 170
C276 188, 278 206, 270 224
C264 238, 272 248, 284 254
C268 252, 252 242, 252 228
C252 206, 260 188, 260 170 Z"
fill="#caa07c" class="outline"/>
<!-- Subtle body highlight for a soft cartoon feel -->
<path d="M145 235
Q140 265 145 295
Q150 340 145 405"
fill="none" stroke="#ffffff" stroke-width="8" stroke-linecap="round" opacity="0.18"/>
<!-- Small edge detail line on box top -->
<path d="M126 232 L386 232" fill="none" stroke="#6b4a3a" stroke-width="6" stroke-linecap="round" opacity="0.55"/>
</g>
</svg>