Showing: full SVG
Concept Groups
bottom light-blue pocket with dashed outline and black handle: 0 1 6 9
left vertical black outline: 2 3 5 8
upper curved black border: 4 7
Elements — click to highlight
| # | Tag | Concept | Purity | Contributions |
|---|---|---|---|---|
| 0 | path |
bottom light-blue po |
1.000
|
0.000 0.000 0.000 |
| 1 | path |
bottom light-blue po |
1.000
|
0.000 0.000 0.000 |
| 2 | path |
left vertical black |
0.357
|
0.448 0.488 0.434 |
| 3 | path |
left vertical black |
0.347
|
0.244 0.266 0.255 |
| 4 | path |
upper curved black b |
0.741
|
0.032 0.000 0.092 |
| 5 | path |
left vertical black |
0.354
|
0.220 0.222 0.184 |
| 6 | path |
bottom light-blue po |
0.821
|
0.035 0.008 0.000 |
| 7 | path |
upper curved black b |
0.708
|
0.012 0.002 0.035 |
| 8 | path |
left vertical black |
0.751
|
0.004 0.013 0.000 |
| 9 | path |
bottom light-blue po |
0.796
|
0.004 0.001 0.000 |
SVG Code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512">
<!--
Step-by-Step Analysis (from description)
1) Transparent background: no background rectangle.
2) Overall style: simple cartoon/clip-art icon with bold black outlines.
3) Color palette: two shades of blue:
- Darker blue for main body + shoulder straps.
- Lighter pastel blue for top flap + front pocket.
4) Backpack structure:
- Main rounded-rectangle body centered.
- Two shoulder straps behind/along sides.
- Top flap sitting on upper portion of body.
- Front pocket on lower front.
5) Stitching detail: dashed black lines on flap and pocket.
-->
<defs>
<style>
.outline { stroke:#000; stroke-width:10; stroke-linecap:round; stroke-linejoin:round; }
.stitch { fill:none; stroke:#000; stroke-width:6; stroke-linecap:round; stroke-linejoin:round; stroke-dasharray:10 10; opacity:0.95; }
</style>
</defs>
<!-- Shoulder straps (dark blue, behind body) -->
<g class="outline" fill="#2F6FB3">
<!-- Left strap -->
<path d="M165 165
C130 185, 112 230, 112 290
C112 362, 136 410, 170 438
C188 452, 212 448, 220 430
C226 416, 216 402, 202 392
C180 376, 168 340, 168 292
C168 248, 180 216, 200 198
C216 184, 214 160, 196 152
C185 147, 175 150, 165 165 Z"/>
<!-- Right strap -->
<path d="M347 165
C382 185, 400 230, 400 290
C400 362, 376 410, 342 438
C324 452, 300 448, 292 430
C286 416, 296 402, 310 392
C332 376, 344 340, 344 292
C344 248, 332 216, 312 198
C296 184, 298 160, 316 152
C327 147, 337 150, 347 165 Z"/>
</g>
<!-- Main body (dark blue) -->
<path class="outline" fill="#2F6FB3"
d="M170 120
H342
C386 120, 418 152, 418 196
V392
C418 426, 390 454, 356 454
H156
C122 454, 94 426, 94 392
V196
C94 152, 126 120, 170 120 Z"/>
<!-- Top flap (light pastel blue) -->
<path class="outline" fill="#8EC9F2"
d="M176 110
H336
C370 110, 392 132, 392 166
V192
C392 210, 378 224, 360 224
H152
C134 224, 120 210, 120 192
V166
C120 132, 142 110, 176 110 Z"/>
<!-- Flap stitching (dashed) -->
<path class="stitch"
d="M160 170
C160 145, 178 130, 204 130
H308
C334 130, 352 145, 352 170
V188
C352 196, 346 202, 338 202
H174
C166 202, 160 196, 160 188 Z"/>
<!-- Front pocket (light pastel blue) -->
<path class="outline" fill="#8EC9F2"
d="M170 280
H342
C362 280, 378 296, 378 316
V374
C378 394, 362 410, 342 410
H170
C150 410, 134 394, 134 374
V316
C134 296, 150 280, 170 280 Z"/>
<!-- Pocket stitching (dashed inset) -->
<path class="stitch"
d="M162 320
C162 306, 173 295, 187 295
H325
C339 295, 350 306, 350 320
V366
C350 380, 339 391, 325 391
H187
C173 391, 162 380, 162 366 Z"/>
<!-- Small pocket tab/handle detail (dark blue) -->
<path class="outline" fill="#2F6FB3"
d="M238 252
H274
C284 252, 292 260, 292 270
V280
H220
V270
C220 260, 228 252, 238 252 Z"/>
<!-- Optional side seam hints (subtle, still black outline style) -->
<path class="outline" fill="none" opacity="0.25"
d="M140 210 V380"/>
<path class="outline" fill="none" opacity="0.25"
d="M372 210 V380"/>
</svg>