Showing: full SVG
Concept Groups
yellow car body: 1 2 3 8 9 15 16 17 18 19 48
top-right figure in dark blue holding blue sponge: 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 55 56
bottom-right figure in dark blue holding light blue bag: 36 37 38 39 40 41 42 43 44
black circular object near front-left of car: 0 10 11 12 13 14 45 49 52 57
light blue water surface inside car: 4 5 6 7 46 47 50 51 53 54
Elements — click to highlight
| # | Tag | Concept | Purity | Contributions |
|---|---|---|---|---|
| 0 | path |
black circular objec |
0.721
|
0.003 0.000 0.000 0.010 0.000 |
| 1 | path |
yellow car body |
0.701
|
0.156 0.002 0.001 0.047 0.017 |
| 2 | path |
yellow car body |
0.600
|
0.132 0.001 0.001 0.056 0.030 |
| 3 | path |
yellow car body |
0.825
|
0.234 0.000 0.000 0.050 0.000 |
| 4 | path |
light blue water sur |
0.450
|
0.008 0.000 0.000 0.002 0.008 |
| 5 | path |
light blue water sur |
0.685
|
0.160 0.001 0.000 0.043 0.444 |
| 6 | path |
light blue water sur |
0.616
|
0.126 0.002 0.000 0.093 0.354 |
| 7 | path |
light blue water sur |
0.462
|
0.001 0.000 0.000 0.001 0.002 |
| 8 | path |
yellow car body |
0.674
|
0.009 0.000 0.000 0.004 0.000 |
| 9 | path |
yellow car body |
0.728
|
0.002 0.000 0.000 0.001 0.000 |
| 10 | path |
black circular objec |
0.503
|
0.002 0.000 0.000 0.002 0.000 |
| 11 | ellipse |
black circular objec |
0.920
|
0.006 0.000 0.000 0.066 0.000 |
| 12 | ellipse |
black circular objec |
0.950
|
0.000 0.000 0.000 0.006 0.000 |
| 13 | ellipse |
black circular objec |
0.406
|
0.002 0.005 0.007 0.011 0.003 |
| 14 | ellipse |
black circular objec |
0.412
|
0.000 0.000 0.000 0.000 0.000 |
| 15 | use |
yellow car body |
1.000
|
0.000 0.000 0.000 0.000 0.000 |
| 16 | use |
yellow car body |
1.000
|
0.000 0.000 0.000 0.000 0.000 |
| 17 | use |
yellow car body |
1.000
|
0.000 0.000 0.000 0.000 0.000 |
| 18 | circle |
yellow car body |
0.431
|
0.000 0.000 0.000 0.000 0.000 |
| 19 | circle |
yellow car body |
0.525
|
0.002 0.000 0.000 0.002 0.000 |
| 20 | path |
top-right figure in |
0.704
|
0.033 0.155 0.000 0.032 0.000 |
| 21 | circle |
top-right figure in |
0.858
|
0.001 0.019 0.000 0.002 0.000 |
| 22 | path |
top-right figure in |
0.924
|
0.001 0.037 0.000 0.003 0.000 |
| 23 | path |
top-right figure in |
0.745
|
0.007 0.028 0.000 0.003 0.000 |
| 24 | circle |
top-right figure in |
0.636
|
0.002 0.007 0.000 0.002 0.000 |
| 25 | path |
top-right figure in |
0.649
|
0.005 0.022 0.000 0.007 0.000 |
| 26 | circle |
top-right figure in |
0.689
|
0.000 0.000 0.000 0.000 0.000 |
| 27 | circle |
top-right figure in |
0.613
|
0.000 0.000 0.000 0.000 0.000 |
| 28 | circle |
top-right figure in |
0.692
|
0.000 0.000 0.000 0.000 0.000 |
| 29 | path |
top-right figure in |
0.572
|
0.011 0.040 0.000 0.019 0.000 |
| 30 | circle |
top-right figure in |
0.569
|
0.005 0.013 0.000 0.005 0.000 |
| 31 | rect |
top-right figure in |
0.615
|
0.002 0.013 0.000 0.006 0.000 |
| 32 | rect |
top-right figure in |
0.626
|
0.001 0.008 0.000 0.004 0.000 |
| 33 | rect |
top-right figure in |
0.605
|
0.000 0.002 0.000 0.001 0.000 |
| 34 | rect |
top-right figure in |
0.599
|
0.000 0.000 0.000 0.000 0.000 |
| 35 | path |
top-right figure in |
0.649
|
0.000 0.001 0.000 0.001 0.000 |
| 36 | path |
bottom-right figure |
0.443
|
0.006 0.053 0.083 0.045 0.000 |
| 37 | path |
bottom-right figure |
0.441
|
0.009 0.082 0.129 0.072 0.000 |
| 38 | path |
bottom-right figure |
0.496
|
0.002 0.038 0.059 0.020 0.000 |
| 39 | path |
bottom-right figure |
0.546
|
0.002 0.036 0.056 0.009 0.000 |
| 40 | path |
bottom-right figure |
0.484
|
0.028 0.270 0.422 0.151 0.002 |
| 41 | circle |
bottom-right figure |
0.463
|
0.004 0.027 0.041 0.017 0.000 |
| 42 | path |
bottom-right figure |
0.461
|
0.006 0.043 0.065 0.028 0.000 |
| 43 | path |
bottom-right figure |
0.394
|
0.011 0.031 0.046 0.028 0.001 |
| 44 | circle |
bottom-right figure |
0.402
|
0.001 0.006 0.010 0.006 0.002 |
| 45 | path |
black circular objec |
0.316
|
0.011 0.051 0.080 0.093 0.061 |
| 46 | use |
light blue water sur |
0.572
|
0.002 0.000 0.000 0.001 0.004 |
| 47 | use |
light blue water sur |
0.705
|
0.001 0.000 0.000 0.000 0.003 |
| 48 | use |
yellow car body |
0.750
|
0.003 0.000 0.000 0.001 0.000 |
| 49 | circle |
black circular objec |
0.902
|
0.000 0.000 0.000 0.001 0.000 |
| 50 | path |
light blue water sur |
0.604
|
0.002 0.000 0.000 0.031 0.050 |
| 51 | path |
light blue water sur |
0.574
|
0.001 0.000 0.000 0.010 0.014 |
| 52 | path |
black circular objec |
0.851
|
0.000 0.000 0.000 0.003 0.000 |
| 53 | circle |
light blue water sur |
0.556
|
0.000 0.000 0.000 0.001 0.002 |
| 54 | circle |
light blue water sur |
0.589
|
0.000 0.000 0.000 0.002 0.003 |
| 55 | circle |
top-right figure in |
0.602
|
0.001 0.003 0.000 0.001 0.000 |
| 56 | circle |
top-right figure in |
0.601
|
0.001 0.003 0.000 0.001 0.000 |
| 57 | circle |
black circular objec |
0.499
|
0.000 0.000 0.000 0.000 0.000 |
SVG Code
<svg xmlns="http://www.w3.org/2000/svg" width="900" height="600" viewBox="0 0 900 600">
<defs>
<!-- Simple isometric-ish shadow -->
<linearGradient id="carTopGrad" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" stop-color="#FFD84A"/>
<stop offset="1" stop-color="#F2C300"/>
</linearGradient>
<linearGradient id="carSideGrad" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" stop-color="#FFC800"/>
<stop offset="1" stop-color="#EFB000"/>
</linearGradient>
<linearGradient id="glassGrad" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" stop-color="#BFE6FF" stop-opacity="0.9"/>
<stop offset="1" stop-color="#7CC6FF" stop-opacity="0.9"/>
</linearGradient>
<filter id="softShadow" x="-30%" y="-30%" width="160%" height="160%">
<feGaussianBlur in="SourceAlpha" stdDeviation="5" result="blur"/>
<feOffset dx="8" dy="10" result="off"/>
<feColorMatrix in="off" type="matrix"
values="0 0 0 0 0
0 0 0 0 0
0 0 0 0 0
0 0 0 .25 0" result="shadow"/>
<feMerge>
<feMergeNode in="shadow"/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
<!-- Foam bubble -->
<g id="bubble">
<circle cx="0" cy="0" r="10" fill="#FFFFFF" opacity="0.95"/>
<circle cx="7" cy="-6" r="4" fill="#EAF7FF" opacity="0.9"/>
</g>
</defs>
<!-- =========================================================
Step-by-Step Analysis (visual breakdown from description)
1) Transparent background: no background rect.
2) Bright yellow compact car in isometric angle:
- top plane + side plane + front plane
- blue-tinted windows, dark wheels.
3) Two stylized figures in dark blue clothing:
- Figure A on/over roof wiping with sponge
and holding a brush with a white "T" mark.
- Figure B standing alongside cleaning side with sudsy water.
4) Flat cartoon style with minimal shading:
- simple gradients for car planes, limited outlines.
5) Add foam/suds near roof and side interaction points.
========================================================= -->
<!-- Ground shadow (subtle, keeps transparent background) -->
<g opacity="0.25">
<path d="M230 470 L560 540 L740 455 L410 385 Z" fill="#000000" opacity="0.18"/>
</g>
<!-- CAR GROUP -->
<g filter="url(#softShadow)">
<!-- Car body: isometric-ish -->
<!-- Top plane -->
<path d="M300 300 L520 250 L690 330 L470 380 Z"
fill="url(#carTopGrad)" stroke="#1B1B1B" stroke-opacity="0.15"/>
<!-- Side plane -->
<path d="M470 380 L690 330 L690 420 L470 470 Z"
fill="url(#carSideGrad)" stroke="#1B1B1B" stroke-opacity="0.15"/>
<!-- Front plane -->
<path d="M300 300 L470 380 L470 470 L300 390 Z"
fill="#FFD23A" stroke="#1B1B1B" stroke-opacity="0.15"/>
<!-- Roof / window frame -->
<path d="M360 295 L515 260 L620 315 L465 350 Z"
fill="#F7B800" opacity="0.9"/>
<!-- Windshield / windows -->
<path d="M372 302 L510 270 L602 317 L464 348 Z"
fill="url(#glassGrad)" stroke="#2A3A55" stroke-opacity="0.25"/>
<!-- Side window -->
<path d="M500 360 L635 320 L635 385 L500 425 Z"
fill="url(#glassGrad)" stroke="#2A3A55" stroke-opacity="0.25"/>
<!-- Door line -->
<path d="M560 345 L560 445" stroke="#1B1B1B" stroke-opacity="0.18" stroke-width="3"/>
<!-- Headlight -->
<path d="M312 360 L352 382 L352 410 L312 388 Z" fill="#FFF2B8" stroke="#1B1B1B" stroke-opacity="0.12"/>
<path d="M320 368 L345 382 L345 398 L320 384 Z" fill="#FFFFFF" opacity="0.7"/>
<!-- Bumper detail -->
<path d="M300 390 L470 470" stroke="#1B1B1B" stroke-opacity="0.12" stroke-width="6"/>
<!-- Wheels -->
<g>
<ellipse cx="360" cy="455" rx="34" ry="20" fill="#1F2A44"/>
<ellipse cx="360" cy="455" rx="18" ry="10" fill="#3A4A6A"/>
<ellipse cx="610" cy="430" rx="34" ry="20" fill="#1F2A44"/>
<ellipse cx="610" cy="430" rx="18" ry="10" fill="#3A4A6A"/>
</g>
</g>
<!-- SUDS on roof -->
<g opacity="0.95">
<use href="#bubble" x="520" y="255"/>
<use href="#bubble" x="545" y="265" transform="scale(0.8)"/>
<use href="#bubble" x="500" y="270" transform="scale(0.7)"/>
<circle cx="565" cy="285" r="14" fill="#FFFFFF" opacity="0.9"/>
<circle cx="580" cy="295" r="8" fill="#EAF7FF" opacity="0.9"/>
</g>
<!-- FIGURE A (over roof) -->
<g>
<!-- Body -->
<path d="M540 205
C560 195, 585 200, 595 220
L612 255
C620 272, 610 285, 590 290
L560 298
C540 302, 525 292, 520 275
L508 235
C503 220, 518 210, 540 205 Z"
fill="#1B2F6B"/>
<!-- Head -->
<circle cx="565" cy="185" r="22" fill="#F3C7A6"/>
<!-- Hair -->
<path d="M545 180
C548 162, 565 152, 582 160
C594 166, 598 178, 592 190
C580 180, 565 180, 545 180 Z"
fill="#1A1A1A" opacity="0.9"/>
<!-- Arm wiping -->
<path d="M520 240
C500 248, 490 265, 500 280
C510 295, 535 292, 548 278
L565 260
C575 250, 570 235, 555 232
C540 230, 530 236, 520 240 Z"
fill="#1B2F6B"/>
<!-- Hand -->
<circle cx="560" cy="262" r="10" fill="#F3C7A6"/>
<!-- Sponge -->
<path d="M548 244 L578 235 L590 255 L560 265 Z"
fill="#F2D24A" stroke="#1B1B1B" stroke-opacity="0.12"/>
<circle cx="565" cy="248" r="3" fill="#D8B83A" opacity="0.7"/>
<circle cx="575" cy="246" r="2.5" fill="#D8B83A" opacity="0.7"/>
<circle cx="560" cy="254" r="2.5" fill="#D8B83A" opacity="0.7"/>
<!-- Other arm holding brush -->
<path d="M600 240
C625 245, 645 265, 640 282
C635 300, 612 305, 595 292
L580 280
C570 270, 575 252, 590 246
C595 244, 598 242, 600 240 Z"
fill="#1B2F6B"/>
<circle cx="585" cy="282" r="10" fill="#F3C7A6"/>
<!-- Brush with white 'T' mark -->
<g transform="translate(595 270) rotate(-18)">
<rect x="0" y="0" width="70" height="18" rx="9" fill="#2B3E7A"/>
<rect x="58" y="-10" width="12" height="38" rx="6" fill="#2B3E7A"/>
<!-- White T -->
<rect x="18" y="4" width="22" height="4" fill="#FFFFFF"/>
<rect x="27" y="4" width="4" height="11" fill="#FFFFFF"/>
<!-- Bristles -->
<path d="M70 2 L92 6 L92 12 L70 16 Z" fill="#CFE9FF" opacity="0.9"/>
</g>
</g>
<!-- FIGURE B (standing alongside cleaning side) -->
<g>
<!-- Legs -->
<path d="M660 420 L690 410 L710 470 L680 485 Z" fill="#162A63"/>
<path d="M620 440 L650 425 L675 490 L642 505 Z" fill="#162A63"/>
<!-- Shoes -->
<path d="M675 485 L715 472 L725 490 L685 505 Z" fill="#0E1A3B"/>
<path d="M640 505 L680 490 L690 508 L650 522 Z" fill="#0E1A3B"/>
<!-- Torso -->
<path d="M615 345
C640 325, 685 330, 700 360
L715 395
C725 420, 708 440, 680 442
L640 445
C612 447, 595 430, 600 405
L608 365
C610 356, 610 350, 615 345 Z"
fill="#1B2F6B"/>
<!-- Head -->
<circle cx="650" cy="320" r="22" fill="#F3C7A6"/>
<!-- Hair -->
<path d="M632 318
C632 300, 646 290, 662 292
C678 295, 686 310, 680 326
C668 318, 652 316, 632 318 Z"
fill="#1A1A1A" opacity="0.9"/>
<!-- Arm reaching to car side -->
<path d="M610 385
C585 390, 565 405, 570 425
C575 445, 600 448, 618 435
L645 415
C658 405, 655 388, 640 382
C630 378, 620 382, 610 385 Z"
fill="#1B2F6B"/>
<!-- Hand -->
<circle cx="642" cy="416" r="10" fill="#F3C7A6"/>
<!-- Cleaning cloth / sudsy swipe -->
<path d="M625 410
C610 405, 595 410, 590 422
C585 435, 598 448, 615 446
C635 444, 650 430, 650 420
C650 414, 640 412, 625 410 Z"
fill="#CFE9FF" opacity="0.85"/>
<!-- Suds around side -->
<g opacity="0.95">
<use href="#bubble" x="600" y="430" transform="scale(0.9)"/>
<use href="#bubble" x="625" y="448" transform="scale(0.7)"/>
<use href="#bubble" x="650" y="440" transform="scale(0.8)"/>
<circle cx="615" cy="462" r="10" fill="#FFFFFF" opacity="0.9"/>
</g>
<!-- Bucket (optional prop, flat) -->
<g transform="translate(720 420) rotate(-12)">
<path d="M0 0 L55 -10 L65 55 L10 65 Z" fill="#8FD3FF" opacity="0.95" stroke="#1B1B1B" stroke-opacity="0.12"/>
<path d="M8 10 L50 2 L55 45 L12 52 Z" fill="#BFEAFF" opacity="0.9"/>
<path d="M15 -5 C25 -25, 48 -25, 58 -8" fill="none" stroke="#2A3A55" stroke-opacity="0.35" stroke-width="5" stroke-linecap="round"/>
<circle cx="30" cy="18" r="6" fill="#FFFFFF" opacity="0.9"/>
<circle cx="42" cy="30" r="8" fill="#FFFFFF" opacity="0.9"/>
</g>
</g>
<!-- Extra foam droplets near roof edge -->
<g opacity="0.9">
<circle cx="610" cy="260" r="5" fill="#FFFFFF"/>
<circle cx="625" cy="270" r="7" fill="#FFFFFF"/>
<circle cx="640" cy="285" r="4" fill="#EAF7FF"/>
</g>
</svg>