Showing: full SVG
Concept Groups
pink central bag body: 0
black curved handles: 3 4 5 6 7
yellow outer border: 1 2
black tag with pink dot: 8 9
top-right black sparkle: 11 12 14
bottom-left black sparkle: 10 13 15 16 17
Elements — click to highlight
| # | Tag | Concept | Purity | Contributions |
|---|---|---|---|---|
| 0 | rect |
pink central bag bod |
1.000
|
0.000 0.000 0.000 0.000 0.000 0.000 |
| 1 | path |
yellow outer border |
0.351
|
0.864 0.029 0.937 0.002 0.394 0.440 |
| 2 | path |
yellow outer border |
0.419
|
0.016 0.004 0.063 0.000 0.035 0.032 |
| 3 | path |
black curved handles |
0.461
|
0.047 0.364 0.000 0.000 0.195 0.184 |
| 4 | path |
black curved handles |
0.475
|
0.028 0.180 0.000 0.000 0.091 0.081 |
| 5 | circle |
black curved handles |
0.619
|
0.000 0.000 0.000 0.000 0.000 0.000 |
| 6 | circle |
black curved handles |
0.577
|
0.000 0.000 0.000 0.000 0.000 0.000 |
| 7 | path |
black curved handles |
0.638
|
0.007 0.048 0.000 0.000 0.011 0.009 |
| 8 | path |
black tag with pink |
0.520
|
0.035 0.362 0.000 0.966 0.256 0.236 |
| 9 | circle |
black tag with pink |
0.504
|
0.001 0.012 0.000 0.032 0.010 0.009 |
| 10 | path |
bottom-left black sp |
0.500
|
0.000 0.000 0.000 0.000 0.001 0.001 |
| 11 | path |
top-right black spar |
0.499
|
0.000 0.000 0.000 0.000 0.001 0.001 |
| 12 | path |
top-right black spar |
0.495
|
0.000 0.000 0.000 0.000 0.001 0.001 |
| 13 | path |
bottom-left black sp |
0.496
|
0.000 0.000 0.000 0.000 0.001 0.001 |
| 14 | path |
top-right black spar |
0.445
|
0.000 0.000 0.000 0.000 0.001 0.001 |
| 15 | path |
bottom-left black sp |
0.426
|
0.000 0.000 0.000 0.000 0.001 0.001 |
| 16 | path |
bottom-left black sp |
0.438
|
0.000 0.000 0.000 0.000 0.001 0.001 |
| 17 | path |
bottom-left black sp |
0.435
|
0.000 0.000 0.000 0.000 0.001 0.001 |
SVG Code
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="512" height="512">
<!-- Step-by-step analysis (as SVG comments)
1) Main object: a shopping bag centered in the canvas, filled with vibrant pink.
2) Bag outline: a cheerful yellow border around the bag shape.
3) Handles: two prominent black handle arcs at the top of the bag.
4) Price tag: a small hanging black tag near the top-right area, attached by a short strap.
5) Sparkles: two small black sparkle/star elements, one near top-right, one near bottom-left.
6) Style: cartoon-like with bold strokes, simple shapes, no complex shading.
-->
<!-- Background (transparent) -->
<rect width="512" height="512" fill="none"/>
<!-- Bag body -->
<path id="bag"
d="M140 170
Q256 110 372 170
L392 420
Q256 452 120 420
L140 170 Z"
fill="#ff4fb3"
stroke="#ffd400"
stroke-width="16"
stroke-linejoin="round"
stroke-linecap="round"/>
<!-- Bag top rim (slight inner line for cartoon detail) -->
<path d="M154 188
Q256 138 358 188"
fill="none"
stroke="#ffd400"
stroke-width="10"
stroke-linecap="round"
opacity="0.95"/>
<!-- Handles -->
<path d="M195 190
C195 135 235 120 256 120
C277 120 317 135 317 190"
fill="none"
stroke="#111"
stroke-width="18"
stroke-linecap="round"/>
<path d="M220 190
C220 155 242 145 256 145
C270 145 292 155 292 190"
fill="none"
stroke="#111"
stroke-width="14"
stroke-linecap="round"
opacity="0.9"/>
<!-- Handle attachment points -->
<circle cx="195" cy="190" r="8" fill="#111"/>
<circle cx="317" cy="190" r="8" fill="#111"/>
<!-- Hanging price tag (top-right) -->
<!-- Strap -->
<path d="M330 200 C350 205 366 212 376 224"
fill="none"
stroke="#111"
stroke-width="8"
stroke-linecap="round"/>
<!-- Tag body -->
<path d="M388 230
L430 255
L414 315
L372 290 Z"
fill="#111"
stroke="#111"
stroke-width="6"
stroke-linejoin="round"/>
<!-- Tag hole -->
<circle cx="404" cy="258" r="6" fill="#ff4fb3"/>
<!-- Sparkle elements -->
<!-- Top-right sparkle -->
<g fill="none" stroke="#111" stroke-width="10" stroke-linecap="round">
<path d="M455 150 L455 178"/>
<path d="M441 164 L469 164"/>
<path d="M445 154 L465 174"/>
<path d="M465 154 L445 174"/>
</g>
<!-- Bottom-left sparkle -->
<g fill="none" stroke="#111" stroke-width="10" stroke-linecap="round">
<path d="M95 372 L95 400"/>
<path d="M81 386 L109 386"/>
<path d="M85 376 L105 396"/>
<path d="M105 376 L85 396"/>
</g>
</svg>