Showing: full SVG
Concept Groups
top blue handle: 12 13
upper front pocket with dashed line: 1 14 15
central dark blue body: 0
lower front pocket with dashed line and small square: 2 3 4 5 6 7
left side panel with vertical stitching: 8 9 10 11
Elements — click to highlight
| # | Tag | Concept | Purity | Contributions |
|---|---|---|---|---|
| 0 | rect |
central dark blue bo |
0.557
|
0.000 0.295 0.375 0.000 0.003 |
| 1 | path |
upper front pocket w |
0.569
|
0.002 0.098 0.072 0.000 0.000 |
| 2 | rect |
lower front pocket w |
0.577
|
0.000 0.172 0.117 0.394 0.000 |
| 3 | line |
lower front pocket w |
0.645
|
0.000 0.011 0.007 0.034 0.000 |
| 4 | rect |
lower front pocket w |
0.664
|
0.000 0.111 0.147 0.510 0.000 |
| 5 | line |
lower front pocket w |
0.711
|
0.000 0.005 0.006 0.028 0.000 |
| 6 | line |
lower front pocket w |
0.703
|
0.000 0.005 0.007 0.028 0.000 |
| 7 | rect |
lower front pocket w |
0.385
|
0.000 0.005 0.006 0.007 0.000 |
| 8 | path |
left side panel with |
0.670
|
0.000 0.121 0.112 0.000 0.473 |
| 9 | path |
left side panel with |
0.638
|
0.000 0.009 0.007 0.000 0.028 |
| 10 | path |
left side panel with |
0.682
|
0.000 0.115 0.103 0.000 0.468 |
| 11 | path |
left side panel with |
0.657
|
0.000 0.008 0.007 0.000 0.028 |
| 12 | path |
top blue handle |
0.962
|
0.611 0.015 0.009 0.000 0.000 |
| 13 | path |
top blue handle |
0.960
|
0.387 0.010 0.006 0.000 0.000 |
| 14 | line |
upper front pocket w |
0.529
|
0.000 0.016 0.014 0.000 0.000 |
| 15 | circle |
upper front pocket w |
0.522
|
0.000 0.005 0.005 0.000 0.000 |
SVG Code
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 250" width="200" height="250">
<!-- Main body of backpack -->
<rect x="40" y="60" width="120" height="140" rx="15" ry="15" fill="#4A7AB0" stroke="#000" stroke-width="4"/>
<!-- Top flap -->
<path d="M45 60 Q45 30 100 30 Q155 30 155 60" fill="#8BB8E8" stroke="#000" stroke-width="4"/>
<rect x="45" y="55" width="110" height="35" rx="8" ry="8" fill="#8BB8E8" stroke="#000" stroke-width="4"/>
<!-- Stitching on top flap -->
<line x1="55" y1="72" x2="145" y2="72" stroke="#000" stroke-width="2" stroke-dasharray="6,4"/>
<!-- Front pocket -->
<rect x="55" y="120" width="90" height="60" rx="10" ry="10" fill="#8BB8E8" stroke="#000" stroke-width="4"/>
<!-- Stitching on front pocket -->
<line x1="65" y1="135" x2="135" y2="135" stroke="#000" stroke-width="2" stroke-dasharray="5,3"/>
<line x1="65" y1="165" x2="135" y2="165" stroke="#000" stroke-width="2" stroke-dasharray="5,3"/>
<!-- Pocket zipper pull -->
<rect x="95" y="125" width="10" height="8" rx="2" fill="#4A7AB0" stroke="#000" stroke-width="2"/>
<!-- Left shoulder strap -->
<path d="M40 70 Q20 70 20 100 L20 180 Q20 195 35 195 L40 195" fill="#4A7AB0" stroke="#000" stroke-width="4"/>
<path d="M40 70 L40 80 Q25 80 25 100 L25 175 Q25 185 35 185 L40 185 L40 195" fill="none" stroke="#000" stroke-width="2" stroke-dasharray="5,3"/>
<!-- Right shoulder strap -->
<path d="M160 70 Q180 70 180 100 L180 180 Q180 195 165 195 L160 195" fill="#4A7AB0" stroke="#000" stroke-width="4"/>
<path d="M160 70 L160 80 Q175 80 175 100 L175 175 Q175 185 165 185 L160 185 L160 195" fill="none" stroke="#000" stroke-width="2" stroke-dasharray="5,3"/>
<!-- Top handle -->
<path d="M80 30 Q80 15 100 15 Q120 15 120 30" fill="none" stroke="#4A7AB0" stroke-width="10" stroke-linecap="round"/>
<path d="M80 30 Q80 15 100 15 Q120 15 120 30" fill="none" stroke="#000" stroke-width="4" stroke-linecap="round"/>
<!-- Main zipper line -->
<line x1="50" y1="95" x2="150" y2="95" stroke="#000" stroke-width="3"/>
<!-- Zipper pull -->
<circle cx="150" cy="95" r="6" fill="#8BB8E8" stroke="#000" stroke-width="2"/>
</svg>