Showing: full SVG
Concept Groups
smiling person: 0 1 2 3 4 5 6 9 10 13 14 15 25 26 27 28 29 34 35 36
yellow cardigan: 7 16 19 21
thumbs up: 8 11 12 17 18 20 22 23 24 30 31 32 33
Elements — click to highlight
| # | Tag | Concept | Purity | Contributions |
|---|---|---|---|---|
| 0 | path |
smiling person |
0.555
|
0.107 0.000 0.086 |
| 1 | path |
smiling person |
0.540
|
0.107 0.000 0.091 |
| 2 | rect |
smiling person |
1.000
|
0.000 0.000 0.000 |
| 3 | path |
smiling person |
0.692
|
0.012 0.000 0.005 |
| 4 | path |
smiling person |
0.677
|
0.012 0.000 0.006 |
| 5 | path |
smiling person |
0.716
|
0.000 0.000 0.000 |
| 6 | path |
smiling person |
0.671
|
0.000 0.000 0.000 |
| 7 | path |
yellow cardigan |
0.622
|
0.259 0.876 0.274 |
| 8 | path |
thumbs up |
0.553
|
0.126 0.001 0.157 |
| 9 | path |
smiling person |
0.491
|
0.003 0.000 0.003 |
| 10 | path |
smiling person |
1.000
|
0.000 0.000 0.000 |
| 11 | path |
thumbs up |
0.559
|
0.009 0.000 0.012 |
| 12 | path |
thumbs up |
0.589
|
0.010 0.000 0.015 |
| 13 | circle |
smiling person |
0.433
|
0.002 0.001 0.001 |
| 14 | circle |
smiling person |
1.000
|
0.000 0.000 0.000 |
| 15 | circle |
smiling person |
1.000
|
0.000 0.000 0.000 |
| 16 | circle |
yellow cardigan |
0.524
|
0.002 0.003 0.002 |
| 17 | circle |
thumbs up |
0.434
|
0.002 0.001 0.002 |
| 18 | circle |
thumbs up |
0.386
|
0.002 0.001 0.002 |
| 19 | path |
yellow cardigan |
0.658
|
0.012 0.043 0.011 |
| 20 | path |
thumbs up |
0.568
|
0.007 0.000 0.009 |
| 21 | path |
yellow cardigan |
0.602
|
0.022 0.073 0.026 |
| 22 | path |
thumbs up |
0.636
|
0.017 0.000 0.030 |
| 23 | path |
thumbs up |
0.607
|
0.007 0.000 0.011 |
| 24 | path |
thumbs up |
0.621
|
0.000 0.000 0.000 |
| 25 | rect |
smiling person |
1.000
|
0.000 0.000 0.000 |
| 26 | ellipse |
smiling person |
0.511
|
0.083 0.000 0.079 |
| 27 | path |
smiling person |
0.520
|
0.145 0.000 0.134 |
| 28 | path |
smiling person |
0.598
|
0.018 0.000 0.012 |
| 29 | path |
smiling person |
0.612
|
0.013 0.000 0.008 |
| 30 | ellipse |
thumbs up |
0.505
|
0.005 0.000 0.005 |
| 31 | ellipse |
thumbs up |
0.503
|
0.005 0.000 0.005 |
| 32 | path |
thumbs up |
0.516
|
0.004 0.000 0.004 |
| 33 | path |
thumbs up |
0.511
|
0.004 0.000 0.004 |
| 34 | path |
smiling person |
0.530
|
0.004 0.000 0.004 |
| 35 | ellipse |
smiling person |
0.530
|
0.000 0.000 0.000 |
| 36 | ellipse |
smiling person |
0.512
|
0.000 0.000 0.000 |
SVG Code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512">
<!-- Transparent background (default) -->
<defs>
<!-- Simple shadow for subtle depth (still flat) -->
<filter id="softShadow" x="-20%" y="-20%" width="140%" height="140%">
<feDropShadow dx="0" dy="2" stdDeviation="3" flood-color="#000000" flood-opacity="0.12"/>
</filter>
</defs>
<!-- Step-by-Step Analysis (as SVG comments)
1) Figure composition: head + hair, face with smile; torso with cardigan/shirt/tie; arms in thumbs-up + hand on hip; trousers; shoes.
2) Color palette: black hair/trousers, light peach skin, light yellow cardigan, white shirt/buttons/shoes, pink tie.
3) Pose: right arm raised with thumbs-up; left arm bent with hand on hip.
4) Flat cartoon style: simple rounded shapes, minimal outlines, small facial features.
5) Layering: legs/shoes behind torso; arms over torso; head on top.
-->
<!-- Group the character -->
<g id="character" filter="url(#softShadow)" stroke="none" stroke-linecap="round" stroke-linejoin="round">
<!-- Legs / trousers -->
<g id="legs">
<path d="M210 310
C205 350 205 385 210 430
C212 452 238 455 244 435
C252 405 252 365 252 330
Z" fill="#111111"/>
<path d="M302 310
C307 350 307 385 302 430
C300 452 274 455 268 435
C260 405 260 365 260 330
Z" fill="#111111"/>
<!-- Hip/waist overlap -->
<rect x="220" y="292" width="72" height="28" rx="10" fill="#111111"/>
</g>
<!-- Shoes -->
<g id="shoes">
<path d="M196 430
C188 430 180 438 180 447
C180 460 198 466 226 466
C252 466 258 460 258 450
C258 444 252 438 244 438
C232 438 222 432 214 430
Z" fill="#FFFFFF"/>
<path d="M316 430
C324 430 332 438 332 447
C332 460 314 466 286 466
C260 466 254 460 254 450
C254 444 260 438 268 438
C280 438 290 432 298 430
Z" fill="#FFFFFF"/>
<!-- tiny sole lines -->
<path d="M186 451 C200 457 224 458 252 451" fill="none" stroke="#E6E6E6" stroke-width="4"/>
<path d="M326 451 C312 457 288 458 260 451" fill="none" stroke="#E6E6E6" stroke-width="4"/>
</g>
<!-- Torso: cardigan -->
<g id="torso">
<!-- Cardigan body -->
<path d="M190 210
C175 230 168 255 168 285
C168 320 185 345 210 355
C235 365 277 365 302 355
C327 345 344 320 344 285
C344 255 337 230 322 210
C305 190 280 182 256 182
C232 182 207 190 190 210
Z" fill="#F6E27A"/>
<!-- Cardigan opening / shirt area -->
<path d="M236 190
C228 214 224 240 224 270
C224 305 232 334 244 354
L268 354
C280 334 288 305 288 270
C288 240 284 214 276 190
C270 186 263 184 256 184
C249 184 242 186 236 190
Z" fill="#FFFFFF"/>
<!-- Collar -->
<path d="M224 198
C235 188 245 182 256 182
C267 182 277 188 288 198
L276 214
C270 208 264 204 256 204
C248 204 242 208 236 214
Z" fill="#FFFFFF"/>
<path d="M236 214 L256 232 L276 214 L268 250 L244 250 Z" fill="#FFFFFF"/>
<!-- Tie -->
<path d="M256 214
L240 232
L256 250
L272 232
Z" fill="#F48FB1"/>
<path d="M256 250
C246 268 246 290 256 312
C266 290 266 268 256 250
Z" fill="#F48FB1"/>
<!-- Buttons -->
<circle cx="206" cy="252" r="5" fill="#FFFFFF"/>
<circle cx="206" cy="284" r="5" fill="#FFFFFF"/>
<circle cx="206" cy="316" r="5" fill="#FFFFFF"/>
<circle cx="306" cy="252" r="5" fill="#FFFFFF"/>
<circle cx="306" cy="284" r="5" fill="#FFFFFF"/>
<circle cx="306" cy="316" r="5" fill="#FFFFFF"/>
</g>
<!-- Left arm (hand on hip) -->
<g id="leftArm">
<!-- Sleeve -->
<path d="M188 238
C168 248 156 268 156 288
C156 305 166 318 182 324
C198 330 212 322 216 308
C220 294 212 280 206 272
C200 264 198 248 202 240
Z" fill="#F6E27A"/>
<!-- Hand on hip -->
<path d="M206 300
C196 296 186 298 180 306
C174 314 178 326 190 330
C202 334 216 326 218 316
C220 306 214 302 206 300
Z" fill="#F7C9A6"/>
</g>
<!-- Right arm (thumbs-up) -->
<g id="rightArm">
<!-- Upper sleeve/arm -->
<path d="M324 238
C346 248 364 266 372 288
C378 304 372 320 358 328
C344 336 328 332 320 320
C312 308 316 292 324 282
C332 272 334 252 330 242
Z" fill="#F6E27A"/>
<!-- Forearm to hand -->
<path d="M352 300
C368 296 386 300 396 314
C406 328 400 346 384 352
C368 358 350 350 346 336
C342 322 344 304 352 300
Z" fill="#F7C9A6"/>
<!-- Thumb-up details (simple flat shapes) -->
<path d="M386 300
C392 288 392 276 382 270
C372 264 362 272 364 282
C366 292 372 298 378 302
Z" fill="#F7C9A6"/>
<path d="M360 306
C350 306 344 314 346 324
C348 334 360 340 372 336
C384 332 386 318 380 312
C374 306 368 306 360 306
Z" fill="#F7C9A6"/>
</g>
<!-- Head -->
<g id="head">
<!-- Neck -->
<rect x="242" y="168" width="28" height="24" rx="10" fill="#F7C9A6"/>
<!-- Face -->
<ellipse cx="256" cy="132" rx="62" ry="68" fill="#F7C9A6"/>
<!-- Hair (black) -->
<path d="M198 132
C198 88 226 56 256 56
C292 56 316 82 316 124
C316 132 314 140 312 146
C304 122 286 108 256 108
C226 108 208 122 200 146
C199 142 198 137 198 132
Z" fill="#111111"/>
<!-- Side hair tufts -->
<path d="M202 154
C190 144 186 128 190 112
C196 92 212 80 230 76
C214 90 206 110 206 132
C206 140 205 147 202 154
Z" fill="#111111"/>
<path d="M310 154
C322 144 326 128 322 112
C316 92 300 80 282 76
C298 90 306 110 306 132
C306 140 307 147 310 154
Z" fill="#111111"/>
<!-- Eyes -->
<ellipse cx="234" cy="134" rx="6" ry="8" fill="#111111"/>
<ellipse cx="278" cy="134" rx="6" ry="8" fill="#111111"/>
<!-- Eyebrows -->
<path d="M222 118 C230 112 238 112 246 118" fill="none" stroke="#111111" stroke-width="5"/>
<path d="M266 118 C274 112 282 112 290 118" fill="none" stroke="#111111" stroke-width="5"/>
<!-- Smile -->
<path d="M232 160
C242 174 270 174 280 160" fill="none" stroke="#C46A5A" stroke-width="6"/>
<!-- Simple blush -->
<ellipse cx="214" cy="154" rx="10" ry="6" fill="#F2A6A6" opacity="0.35"/>
<ellipse cx="298" cy="154" rx="10" ry="6" fill="#F2A6A6" opacity="0.35"/>
</g>
</g>
</svg>