Showing: full SVG
Concept Groups
yellow hard hat with black cross: 0 4 12 14 15 16 17
green long-sleeved shirt: 7 8 18
brown rectangular table: 1 2 28
white paper with gray lines: 3 5 6
yellow pencil with black tip: 19 20 21 22 23 24 25 26 27
smiling face with black eyes and mouth: 9 10 11 13
Elements — click to highlight
| # | Tag | Concept | Purity | Contributions |
|---|---|---|---|---|
| 0 | rect |
yellow hard hat with |
1.000
|
0.000 0.000 0.000 0.000 0.000 0.000 |
| 1 | rect |
brown rectangular ta |
0.824
|
0.000 0.000 0.991 0.000 0.212 0.000 |
| 2 | path |
brown rectangular ta |
0.694
|
0.000 0.000 0.007 0.000 0.003 0.000 |
| 3 | rect |
white paper with gra |
0.867
|
0.000 0.000 0.001 0.857 0.130 0.000 |
| 4 | path |
yellow hard hat with |
1.000
|
0.000 0.000 0.000 0.000 0.000 0.000 |
| 5 | path |
white paper with gra |
0.866
|
0.000 0.000 0.000 0.067 0.011 0.000 |
| 6 | path |
white paper with gra |
0.875
|
0.000 0.000 0.000 0.073 0.010 0.000 |
| 7 | path |
green long-sleeved s |
0.908
|
0.000 0.812 0.000 0.002 0.081 0.000 |
| 8 | path |
green long-sleeved s |
0.635
|
0.000 0.002 0.000 0.000 0.001 0.000 |
| 9 | ellipse |
smiling face with bl |
0.934
|
0.006 0.000 0.000 0.000 0.035 0.593 |
| 10 | path |
smiling face with bl |
0.927
|
0.000 0.000 0.000 0.000 0.005 0.059 |
| 11 | path |
smiling face with bl |
0.912
|
0.000 0.000 0.000 0.000 0.006 0.059 |
| 12 | path |
yellow hard hat with |
1.000
|
0.000 0.000 0.000 0.000 0.000 0.000 |
| 13 | path |
smiling face with bl |
0.951
|
0.000 0.000 0.000 0.000 0.005 0.107 |
| 14 | path |
yellow hard hat with |
0.807
|
0.545 0.000 0.000 0.000 0.101 0.030 |
| 15 | path |
yellow hard hat with |
0.650
|
0.337 0.000 0.000 0.000 0.046 0.136 |
| 16 | path |
yellow hard hat with |
0.627
|
0.043 0.000 0.000 0.000 0.009 0.017 |
| 17 | path |
yellow hard hat with |
0.828
|
0.069 0.000 0.000 0.000 0.014 0.000 |
| 18 | path |
green long-sleeved s |
0.906
|
0.000 0.103 0.000 0.000 0.010 0.000 |
| 19 | path |
yellow pencil with b |
0.859
|
0.000 0.002 0.000 0.001 0.016 0.000 |
| 20 | path |
yellow pencil with b |
0.554
|
0.000 0.077 0.000 0.001 0.096 0.000 |
| 21 | path |
yellow pencil with b |
0.967
|
0.000 0.004 0.000 0.000 0.110 0.000 |
| 22 | path |
yellow pencil with b |
0.999
|
0.000 0.000 0.000 0.000 0.010 0.000 |
| 23 | path |
yellow pencil with b |
1.000
|
0.000 0.000 0.000 0.000 0.048 0.000 |
| 24 | path |
yellow pencil with b |
1.000
|
0.000 0.000 0.000 0.000 0.011 0.000 |
| 25 | path |
yellow pencil with b |
0.991
|
0.000 0.000 0.000 0.000 0.001 0.000 |
| 26 | path |
yellow pencil with b |
1.000
|
0.000 0.000 0.000 0.000 0.019 0.000 |
| 27 | path |
yellow pencil with b |
0.999
|
0.000 0.000 0.000 0.000 0.011 0.000 |
| 28 | path |
brown rectangular ta |
0.910
|
0.000 0.000 0.001 0.000 0.000 0.000 |
SVG Code
<svg xmlns="http://www.w3.org/2000/svg" width="800" height="600" viewBox="0 0 800 600">
<!--
Step-by-Step Analysis (from the description)
1) Style: clean, flat, cartoonish with bold dark blue outlines; limited palette (yellow, green, dark blue, light brown).
2) Main subject: a person (engineer/architect vibe) wearing a yellow hard hat and green long-sleeved shirt.
3) Pose/action: person is focused on drawing/writing at a brown table.
4) Hands: right hand holds a yellow pen/pencil; left hand rests on the table.
5) Composition: table occupies lower portion; upper portion contains head/helmet and torso leaning forward.
6) Minimal background: keep simple/clean, emphasize character and table.
-->
<defs>
<style>
.outline{stroke:#0b2a5a;stroke-width:8;stroke-linecap:round;stroke-linejoin:round;}
</style>
</defs>
<!-- Background (clean, subtle) -->
<rect x="0" y="0" width="800" height="600" fill="#ffffff"/>
<!-- Table -->
<g id="table">
<rect x="90" y="360" width="620" height="180" rx="18" fill="#c79a63" class="outline"/>
<!-- table top highlight -->
<path d="M120 395 Q400 365 680 395" fill="none" stroke="#e2bf92" stroke-width="10" stroke-linecap="round" opacity="0.7"/>
</g>
<!-- Paper on table -->
<g id="paper">
<rect x="300" y="385" width="260" height="140" rx="10" fill="#f7f3ea" class="outline"/>
<path d="M325 425 H535" class="outline" stroke-width="5" fill="none" opacity="0.55"/>
<path d="M325 455 H520" class="outline" stroke-width="5" fill="none" opacity="0.55"/>
<path d="M325 485 H505" class="outline" stroke-width="5" fill="none" opacity="0.55"/>
</g>
<!-- Person -->
<g id="person">
<!-- Torso (green shirt) -->
<path d="M210 360
Q260 280 360 270
Q470 260 540 320
Q565 340 585 360
L585 410
Q500 430 395 430
Q285 430 210 410 Z"
fill="#2ea44f" class="outline"/>
<!-- Neck -->
<path d="M360 250
Q390 270 420 250
L420 285
Q390 300 360 285 Z"
fill="#f2c7a8" class="outline"/>
<!-- Head -->
<ellipse cx="390" cy="210" rx="85" ry="75" fill="#f2c7a8" class="outline"/>
<!-- Face details (simple) -->
<path d="M350 205 Q365 195 380 205" fill="none" class="outline" stroke-width="6"/>
<path d="M400 205 Q415 195 430 205" fill="none" class="outline" stroke-width="6"/>
<path d="M382 225 Q390 235 398 225" fill="none" class="outline" stroke-width="6" opacity="0.9"/>
<path d="M360 245 Q390 265 420 245" fill="none" class="outline" stroke-width="6"/>
<!-- Hard hat (yellow) -->
<path d="M305 205
Q315 140 390 125
Q470 140 475 205
Q440 185 390 185
Q340 185 305 205 Z"
fill="#f4c21d" class="outline"/>
<path d="M300 205
Q390 235 480 205
L480 220
Q390 255 300 220 Z"
fill="#f4c21d" class="outline"/>
<!-- Hard hat ridge -->
<path d="M390 130 Q395 165 390 200" fill="none" class="outline" stroke-width="6" opacity="0.9"/>
<path d="M345 150 Q390 165 435 150" fill="none" class="outline" stroke-width="6" opacity="0.9"/>
<!-- Left arm resting on table -->
<path d="M250 350
Q215 375 210 410
Q208 430 230 440
Q280 460 330 445
Q350 440 355 420
Q360 395 340 380
Q310 355 280 345 Z"
fill="#2ea44f" class="outline"/>
<!-- Left hand -->
<path d="M330 430
Q345 445 370 445
Q395 445 405 430
Q410 420 400 412
Q387 402 365 405
Q345 408 333 418 Z"
fill="#f2c7a8" class="outline"/>
<!-- Right arm reaching to paper -->
<path d="M520 345
Q565 365 590 395
Q615 425 605 450
Q595 475 565 478
Q525 482 500 455
Q480 433 485 410
Q492 375 470 360 Z"
fill="#2ea44f" class="outline"/>
<!-- Right hand holding pencil -->
<path d="M520 440
Q535 420 560 420
Q585 420 595 440
Q602 455 590 465
Q570 482 545 475
Q530 470 522 458 Z"
fill="#f2c7a8" class="outline"/>
<!-- Pencil (yellow) -->
<g id="pencil" transform="translate(0,0)">
<path d="M560 440 L640 410" class="outline" stroke-width="10" fill="none"/>
<path d="M560 440 L640 410" stroke="#f4c21d" stroke-width="6" stroke-linecap="round"/>
<!-- pencil tip -->
<path d="M640 410 L660 404 L646 424 Z" fill="#f0d3a6" class="outline" stroke-width="6"/>
<path d="M660 404 L668 401 L652 431 Z" fill="#0b2a5a"/>
<!-- eraser -->
<path d="M548 444 L560 440 L555 455 L543 459 Z" fill="#f4c21d" class="outline" stroke-width="6"/>
</g>
<!-- Small "drawing" scribble on paper near pencil tip -->
<path d="M520 450
q18 -12 36 0
q18 12 36 0"
fill="none" stroke="#0b2a5a" stroke-width="6" stroke-linecap="round" opacity="0.7"/>
</g>
<!-- Foreground outline accent (optional subtle) -->
<path d="M110 540 H690" stroke="#0b2a5a" stroke-width="6" stroke-linecap="round" opacity="0.15"/>
</svg>