Showing: full SVG
Concept Groups
smiling man: 0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 21 24 25 26 27 28 29 30 31
thumbs-up: 20 22 23
Elements — click to highlight
| # | Tag | Concept | Purity | Contributions |
|---|---|---|---|---|
| 0 | circle |
smiling man |
1.000
|
0.062 0.000 |
| 1 | path |
smiling man |
1.000
|
0.081 0.000 |
| 2 | circle |
smiling man |
1.000
|
0.001 0.000 |
| 3 | circle |
smiling man |
1.000
|
0.001 0.000 |
| 4 | circle |
smiling man |
1.000
|
0.002 0.000 |
| 5 | circle |
smiling man |
1.000
|
0.002 0.000 |
| 6 | path |
smiling man |
1.000
|
0.000 0.000 |
| 7 | rect |
smiling man |
1.000
|
0.003 0.000 |
| 8 | path |
smiling man |
0.993
|
0.447 0.003 |
| 9 | path |
smiling man |
1.000
|
0.052 0.000 |
| 10 | path |
smiling man |
1.000
|
0.000 0.000 |
| 11 | path |
smiling man |
1.000
|
0.000 0.000 |
| 12 | path |
smiling man |
1.000
|
0.000 0.000 |
| 13 | path |
smiling man |
1.000
|
0.013 0.000 |
| 14 | path |
smiling man |
1.000
|
0.026 0.000 |
| 15 | path |
smiling man |
1.000
|
0.000 0.000 |
| 16 | circle |
smiling man |
1.000
|
0.001 0.000 |
| 17 | circle |
smiling man |
1.000
|
0.001 0.000 |
| 18 | circle |
smiling man |
1.000
|
0.001 0.000 |
| 19 | path |
smiling man |
1.000
|
0.013 0.000 |
| 20 | path |
thumbs-up |
0.948
|
0.010 0.185 |
| 21 | path |
smiling man |
1.000
|
0.064 0.000 |
| 22 | path |
thumbs-up |
0.952
|
0.031 0.612 |
| 23 | path |
thumbs-up |
0.972
|
0.006 0.193 |
| 24 | path |
smiling man |
1.000
|
0.000 0.000 |
| 25 | path |
smiling man |
1.000
|
0.000 0.000 |
| 26 | path |
smiling man |
0.958
|
0.135 0.006 |
| 27 | path |
smiling man |
1.000
|
0.000 0.000 |
| 28 | path |
smiling man |
1.000
|
0.024 0.000 |
| 29 | path |
smiling man |
1.000
|
0.024 0.000 |
| 30 | path |
smiling man |
1.000
|
0.000 0.000 |
| 31 | path |
smiling man |
1.000
|
0.000 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) Style: minimalist, cartoon-like, clean outlines, flat fills, transparent background.
2) Subject: smiling young man, facing forward.
3) Pose: one arm raised showing a thumbs-up gesture.
4) Clothing: white collared shirt + blue-green tie; orange button-down cardigan; black pants; light-colored shoes.
5) Colors: flat blocks (skin tone, orange cardigan, white shirt, teal tie, black pants, light shoes).
6) Composition: centered full-body character with simple shapes and consistent stroke.
-->
<defs>
<style>
.ol{stroke:#1f1f1f;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;}
</style>
</defs>
<!-- Character group -->
<g class="ol">
<!-- Head -->
<circle cx="256" cy="120" r="58" fill="#F2C7A5"/>
<!-- Hair (simple cap shape) -->
<path d="M206 118
C210 78, 240 56, 276 56
C316 56, 343 84, 347 120
C335 100, 316 92, 296 92
C274 92, 252 104, 230 104
C219 104, 211 108, 206 118 Z"
fill="#2B2B2B"/>
<!-- Ears -->
<circle cx="198" cy="126" r="10" fill="#F2C7A5"/>
<circle cx="314" cy="126" r="10" fill="#F2C7A5"/>
<!-- Face: eyes -->
<circle cx="235" cy="125" r="5" fill="#1f1f1f" stroke="none"/>
<circle cx="277" cy="125" r="5" fill="#1f1f1f" stroke="none"/>
<!-- Smile -->
<path d="M235 150 C248 165, 264 165, 277 150" fill="none"/>
<!-- Neck -->
<rect x="240" y="172" width="32" height="28" rx="10" fill="#F2C7A5"/>
<!-- Torso / Cardigan (orange button-down) -->
<path d="M178 210
C190 196, 210 190, 232 190
L280 190
C302 190, 322 196, 334 210
L352 260
L352 350
C352 372, 338 386, 316 386
L196 386
C174 386, 160 372, 160 350
L160 260 Z"
fill="#F39A2E"/>
<!-- Shirt (white) opening area -->
<path d="M232 190
L256 238
L280 190
L305 210
L256 270
L207 210 Z"
fill="#FFFFFF"/>
<!-- Collar lines -->
<path d="M232 190 L256 228 L280 190" fill="none"/>
<path d="M207 210 L232 190" fill="none"/>
<path d="M305 210 L280 190" fill="none"/>
<!-- Tie (blue-green) -->
<path d="M256 228
L240 252
L256 270
L272 252 Z"
fill="#2FB6B0"/>
<path d="M256 270
L238 330
L256 352
L274 330 Z"
fill="#2AA39E"/>
<!-- Cardigan button placket -->
<path d="M256 240 L256 386" fill="none"/>
<!-- Buttons -->
<circle cx="256" cy="270" r="4.5" fill="#1f1f1f" stroke="none"/>
<circle cx="256" cy="305" r="4.5" fill="#1f1f1f" stroke="none"/>
<circle cx="256" cy="340" r="4.5" fill="#1f1f1f" stroke="none"/>
<!-- Left arm (down) -->
<path d="M170 250
C150 272, 146 300, 150 330
C154 356, 170 372, 192 372
L206 372
C198 344, 196 310, 202 280
C206 262, 214 248, 226 238
L210 220
C196 224, 182 234, 170 250 Z"
fill="#F39A2E"/>
<!-- Left hand -->
<path d="M192 372
C182 372, 174 380, 174 392
C174 406, 186 416, 202 416
C220 416, 232 404, 232 392
C232 380, 222 372, 210 372 Z"
fill="#F2C7A5"/>
<!-- Right arm (raised for thumbs up) -->
<path d="M342 240
C366 238, 388 252, 398 274
C408 296, 402 322, 384 338
L360 358
L344 338
L362 320
C374 310, 378 294, 372 282
C366 270, 354 264, 340 266 Z"
fill="#F39A2E"/>
<!-- Right hand with thumbs up -->
<g>
<!-- Palm -->
<path d="M356 350
C338 350, 326 364, 326 382
C326 402, 342 416, 364 416
C386 416, 402 402, 402 382
C402 364, 390 350, 372 350 Z"
fill="#F2C7A5"/>
<!-- Thumb -->
<path d="M382 350
C388 334, 404 326, 418 334
C432 342, 432 360, 418 368
C404 376, 388 368, 382 352 Z"
fill="#F2C7A5"/>
<!-- Simple finger separations -->
<path d="M340 392 C350 384, 362 384, 372 392" fill="none"/>
<path d="M352 410 C362 404, 374 404, 384 410" fill="none"/>
</g>
<!-- Pants (black) -->
<path d="M196 386
L316 386
L330 462
L282 462
L256 410
L230 462
L182 462 Z"
fill="#1D1D1D"/>
<!-- Leg separation -->
<path d="M256 410 L256 462" fill="none"/>
<!-- Shoes (light-colored) -->
<path d="M168 462
C168 444, 186 438, 206 438
L238 438
C250 438, 258 446, 258 462
Z"
fill="#E9E3D7"/>
<path d="M254 462
C254 446, 262 438, 274 438
L306 438
C326 438, 344 444, 344 462
Z"
fill="#E9E3D7"/>
<!-- Shoe top lines -->
<path d="M186 448 L238 448" fill="none"/>
<path d="M274 448 L326 448" fill="none"/>
</g>
</svg>