Showing: full SVG
Concept Groups
person carrying recycling container: 0 1 2 3 4 5 6 7 8 9 10 11 14 15 16 18 19
environmental theme: 12 13 17
Elements — click to highlight
| # | Tag | Concept | Purity | Contributions |
|---|---|---|---|---|
| 0 | circle |
person carrying recy |
0.758
|
0.105 0.034 |
| 1 | path |
person carrying recy |
0.768
|
0.076 0.023 |
| 2 | rect |
person carrying recy |
0.774
|
0.002 0.001 |
| 3 | path |
person carrying recy |
0.778
|
0.352 0.100 |
| 4 | path |
person carrying recy |
0.818
|
0.036 0.008 |
| 5 | path |
person carrying recy |
0.734
|
0.008 0.003 |
| 6 | circle |
person carrying recy |
0.825
|
0.006 0.001 |
| 7 | circle |
person carrying recy |
1.000
|
0.000 0.000 |
| 8 | path |
person carrying recy |
0.757
|
0.133 0.043 |
| 9 | path |
person carrying recy |
0.749
|
0.132 0.044 |
| 10 | rect |
person carrying recy |
0.742
|
0.028 0.010 |
| 11 | rect |
person carrying recy |
0.732
|
0.031 0.011 |
| 12 | path |
environmental theme |
0.998
|
0.001 0.536 |
| 13 | rect |
environmental theme |
1.000
|
0.000 0.061 |
| 14 | use |
person carrying recy |
0.674
|
0.015 0.007 |
| 15 | use |
person carrying recy |
0.571
|
0.029 0.022 |
| 16 | use |
person carrying recy |
0.602
|
0.029 0.019 |
| 17 | use |
environmental theme |
1.000
|
0.000 0.069 |
| 18 | path |
person carrying recy |
0.710
|
0.015 0.006 |
| 19 | circle |
person carrying recy |
0.698
|
0.002 0.001 |
SVG Code
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="420" viewBox="0 0 640 420">
<!-- Transparent background (no rect) -->
<defs>
<!-- Simple recycling symbol as a reusable group -->
<g id="recycleSymbol" fill="none" stroke="#3f3f3f" stroke-width="10" stroke-linecap="round" stroke-linejoin="round">
<!-- Three curved arrows arranged in a triangle -->
<!-- Top-right arc -->
<path d="M 0 -42 C 26 -42 42 -26 42 0" />
<path d="M 42 0 L 30 -6" />
<path d="M 42 0 L 36 12" />
<!-- Bottom arc -->
<path d="M 42 0 C 42 26 26 42 0 42" />
<path d="M 0 42 L 6 30" />
<path d="M 0 42 L -12 36" />
<!-- Left arc -->
<path d="M 0 42 C -26 42 -42 26 -42 0" />
<path d="M -42 0 L -30 6" />
<path d="M -42 0 L -36 -12" />
<!-- Close the loop impression -->
<path d="M -42 0 C -42 -26 -26 -42 0 -42" />
<path d="M 0 -42 L -6 -30" />
<path d="M 0 -42 L 12 -36" />
</g>
<!-- Bottle symbol -->
<g id="bottle">
<rect x="-10" y="-48" width="20" height="52" rx="8" fill="#9fd7ff"/>
<rect x="-6" y="-60" width="12" height="14" rx="3" fill="#2f2f2f"/>
<rect x="-8" y="-40" width="16" height="6" rx="3" fill="#7ec6ff" opacity="0.9"/>
</g>
</defs>
<!-- Step-by-step analysis (visual breakdown) -->
<!-- 1) Place a standing person with warm orange-brown skin and dark hair -->
<!-- 2) Dress them in a light brown tunic and dark pants -->
<!-- 3) Pose arms forward to carry a brown recycling container -->
<!-- 4) Add a dark grey recycling symbol on the container front -->
<!-- 5) Put three light blue bottles with dark caps inside the container -->
<!-- 6) Keep everything minimalist with bold, flat color blocks -->
<!-- Person -->
<g transform="translate(220,70)">
<!-- Head -->
<circle cx="120" cy="70" r="34" fill="#c87845"/>
<!-- Hair (dark) -->
<path d="M90,70
C92,40 112,28 140,32
C160,36 170,52 170,74
C160,60 150,56 140,56
C122,56 108,60 90,70Z"
fill="#1f1f1f"/>
<!-- Neck -->
<rect x="112" y="98" width="16" height="16" rx="6" fill="#c87845"/>
<!-- Tunic (light brown) -->
<path d="M80,120
C92,110 106,106 120,106
C134,106 148,110 160,120
L176,210
C162,222 144,230 120,230
C96,230 78,222 64,210Z"
fill="#caa06a"/>
<!-- Arm (rear) -->
<path d="M78,140
C60,150 48,166 42,186
L58,194
C66,176 78,164 94,156Z"
fill="#c87845"/>
<!-- Arm (front) reaching to container -->
<path d="M162,140
C186,150 204,166 214,186
L198,194
C188,176 172,164 150,156Z"
fill="#c87845"/>
<!-- Hands (simple) -->
<circle cx="56" cy="194" r="8" fill="#c87845"/>
<circle cx="198" cy="194" r="8" fill="#c87845"/>
<!-- Pants (dark) -->
<path d="M80,230 L110,230 L104,320 L72,320Z" fill="#2a2a2a"/>
<path d="M130,230 L160,230 L168,320 L136,320Z" fill="#2a2a2a"/>
<!-- Shoes -->
<rect x="64" y="318" width="48" height="14" rx="7" fill="#1f1f1f"/>
<rect x="132" y="318" width="52" height="14" rx="7" fill="#1f1f1f"/>
</g>
<!-- Recycling container (carried) -->
<g transform="translate(360,170)">
<!-- Container body -->
<path d="M40,40
L220,40
L204,230
C202,248 188,260 170,260
L90,260
C72,260 58,248 56,230Z"
fill="#8b5a2b"/>
<!-- Rim -->
<rect x="32" y="24" width="200" height="26" rx="10" fill="#7a4c24"/>
<!-- Bottles inside -->
<g transform="translate(95,38)">
<g transform="translate(0,0)"><use href="#bottle"/></g>
<g transform="translate(40,6) rotate(-6)"><use href="#bottle"/></g>
<g transform="translate(80,2) rotate(6)"><use href="#bottle"/></g>
</g>
<!-- Recycling symbol -->
<g transform="translate(130,165) scale(1.05)">
<use href="#recycleSymbol"/>
</g>
</g>
<!-- Simple contact overlap hint: forearm in front of container -->
<g transform="translate(220,70)">
<path d="M160,150
C190,162 212,178 226,198
L210,206
C196,186 176,172 146,162Z"
fill="#c87845"/>
<circle cx="210" cy="206" r="8" fill="#c87845"/>
</g>
</svg>