Showing: full SVG
Concept Groups
beige rectangular trailer body: 0 1 5
gray circular wheels under trailer: 2 3 4 7 8 9 10 11 12 13 14 15 16 17 18 28 29 30 31
orange rear door panel: 6 23 33 35 36
blue rectangular window on cab: 24 25
yellow circular light on cab roof: 19 20 21 22 26 27 32 34
gray base panel beneath cab: 37
Elements — click to highlight
| # | Tag | Concept | Purity | Contributions |
|---|---|---|---|---|
| 0 | polygon |
beige rectangular tr |
0.582
|
0.207 0.048 0.026 0.000 0.004 0.071 |
| 1 | polygon |
beige rectangular tr |
0.554
|
0.093 0.028 0.009 0.000 0.000 0.037 |
| 2 | polygon |
gray circular wheels |
0.428
|
0.161 0.211 0.031 0.000 0.006 0.084 |
| 3 | line |
gray circular wheels |
0.403
|
0.005 0.005 0.001 0.000 0.000 0.002 |
| 4 | line |
gray circular wheels |
0.547
|
0.004 0.009 0.001 0.000 0.000 0.002 |
| 5 | line |
beige rectangular tr |
0.412
|
0.004 0.003 0.001 0.000 0.000 0.002 |
| 6 | line |
orange rear door pan |
0.254
|
0.001 0.001 0.001 0.000 0.000 0.001 |
| 7 | ellipse |
gray circular wheels |
0.861
|
0.003 0.035 0.000 0.000 0.000 0.002 |
| 8 | ellipse |
gray circular wheels |
0.851
|
0.002 0.016 0.000 0.000 0.000 0.001 |
| 9 | ellipse |
gray circular wheels |
0.866
|
0.004 0.043 0.000 0.000 0.000 0.003 |
| 10 | ellipse |
gray circular wheels |
0.834
|
0.002 0.025 0.000 0.000 0.000 0.002 |
| 11 | ellipse |
gray circular wheels |
0.855
|
0.004 0.052 0.000 0.000 0.000 0.004 |
| 12 | ellipse |
gray circular wheels |
0.827
|
0.002 0.018 0.000 0.000 0.000 0.002 |
| 13 | ellipse |
gray circular wheels |
0.861
|
0.003 0.038 0.000 0.000 0.000 0.003 |
| 14 | ellipse |
gray circular wheels |
0.850
|
0.002 0.025 0.000 0.000 0.000 0.002 |
| 15 | ellipse |
gray circular wheels |
0.872
|
0.004 0.052 0.000 0.000 0.000 0.003 |
| 16 | ellipse |
gray circular wheels |
0.847
|
0.002 0.020 0.000 0.000 0.000 0.001 |
| 17 | ellipse |
gray circular wheels |
0.856
|
0.004 0.040 0.000 0.000 0.000 0.003 |
| 18 | ellipse |
gray circular wheels |
0.807
|
0.003 0.021 0.000 0.000 0.000 0.002 |
| 19 | polygon |
yellow circular ligh |
0.323
|
0.003 0.001 0.002 0.000 0.004 0.003 |
| 20 | polygon |
yellow circular ligh |
0.319
|
0.012 0.003 0.015 0.001 0.022 0.017 |
| 21 | polygon |
yellow circular ligh |
0.272
|
0.025 0.009 0.029 0.001 0.035 0.032 |
| 22 | polygon |
yellow circular ligh |
0.304
|
0.137 0.051 0.313 0.000 0.327 0.246 |
| 23 | polygon |
orange rear door pan |
0.316
|
0.158 0.076 0.344 0.000 0.278 0.233 |
| 24 | polygon |
blue rectangular win |
0.623
|
0.046 0.012 0.065 0.498 0.102 0.076 |
| 25 | polygon |
blue rectangular win |
0.608
|
0.049 0.015 0.073 0.500 0.111 0.074 |
| 26 | ellipse |
yellow circular ligh |
0.572
|
0.006 0.001 0.005 0.000 0.025 0.006 |
| 27 | ellipse |
yellow circular ligh |
0.604
|
0.002 0.000 0.001 0.000 0.008 0.002 |
| 28 | ellipse |
gray circular wheels |
0.758
|
0.004 0.025 0.001 0.000 0.000 0.003 |
| 29 | ellipse |
gray circular wheels |
0.594
|
0.003 0.011 0.001 0.000 0.001 0.003 |
| 30 | ellipse |
gray circular wheels |
0.873
|
0.004 0.059 0.001 0.000 0.000 0.003 |
| 31 | ellipse |
gray circular wheels |
0.808
|
0.003 0.029 0.001 0.000 0.001 0.003 |
| 32 | polygon |
yellow circular ligh |
0.270
|
0.026 0.012 0.053 0.000 0.053 0.052 |
| 33 | ellipse |
orange rear door pan |
0.295
|
0.004 0.001 0.008 0.000 0.007 0.007 |
| 34 | line |
yellow circular ligh |
0.328
|
0.001 0.000 0.002 0.000 0.003 0.002 |
| 35 | line |
orange rear door pan |
0.303
|
0.001 0.000 0.002 0.000 0.002 0.002 |
| 36 | line |
orange rear door pan |
0.302
|
0.001 0.000 0.002 0.000 0.002 0.002 |
| 37 | polygon |
gray base panel bene |
0.274
|
0.006 0.002 0.008 0.000 0.008 0.009 |
SVG Code
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 250">
<!-- Trailer body - main panels -->
<g id="trailer">
<!-- Trailer top surface -->
<polygon points="80,100 280,60 340,90 140,130" fill="#FFDAB9" stroke="#333" stroke-width="1.5"/>
<!-- Trailer front face -->
<polygon points="80,100 80,160 140,190 140,130" fill="#FFE4C4" stroke="#333" stroke-width="1.5"/>
<!-- Trailer side face -->
<polygon points="140,130 140,190 340,150 340,90" fill="#FFECD2" stroke="#333" stroke-width="1.5"/>
<!-- Panel lines on side -->
<line x1="180" y1="125" x2="180" y2="180" stroke="#333" stroke-width="1"/>
<line x1="220" y1="118" x2="220" y2="172" stroke="#333" stroke-width="1"/>
<line x1="260" y1="111" x2="260" y2="164" stroke="#333" stroke-width="1"/>
<line x1="300" y1="104" x2="300" y2="156" stroke="#333" stroke-width="1"/>
<!-- Trailer wheels -->
<!-- Wheel set 1 -->
<ellipse cx="160" cy="192" rx="12" ry="6" fill="#333"/>
<ellipse cx="160" cy="190" rx="10" ry="5" fill="#555"/>
<ellipse cx="175" cy="188" rx="12" ry="6" fill="#333"/>
<ellipse cx="175" cy="186" rx="10" ry="5" fill="#555"/>
<!-- Wheel set 2 -->
<ellipse cx="200" cy="182" rx="12" ry="6" fill="#333"/>
<ellipse cx="200" cy="180" rx="10" ry="5" fill="#555"/>
<ellipse cx="215" cy="178" rx="12" ry="6" fill="#333"/>
<ellipse cx="215" cy="176" rx="10" ry="5" fill="#555"/>
<!-- Wheel set 3 -->
<ellipse cx="240" cy="172" rx="12" ry="6" fill="#333"/>
<ellipse cx="240" cy="170" rx="10" ry="5" fill="#555"/>
<ellipse cx="255" cy="168" rx="12" ry="6" fill="#333"/>
<ellipse cx="255" cy="166" rx="10" ry="5" fill="#555"/>
</g>
<!-- Truck cab -->
<g id="cab">
<!-- Cab top surface -->
<polygon points="280,60 340,90 380,75 320,45" fill="#FFFFFF" stroke="#333" stroke-width="1.5"/>
<!-- Cab front face -->
<polygon points="320,45 320,115 380,145 380,75" fill="#F5F5F5" stroke="#333" stroke-width="1.5"/>
<!-- Cab side face -->
<polygon points="280,60 280,130 340,160 340,90" fill="#FFFFFF" stroke="#333" stroke-width="1.5"/>
<!-- Orange-red accent stripe on front -->
<polygon points="320,85 320,115 380,145 380,115" fill="#E85D04" stroke="#333" stroke-width="1"/>
<!-- Orange-red accent stripe on side -->
<polygon points="280,100 280,130 340,160 340,130" fill="#E85D04" stroke="#333" stroke-width="1"/>
<!-- Windshield on front -->
<polygon points="330,55 330,80 370,100 370,75" fill="#87CEEB" stroke="#333" stroke-width="1"/>
<!-- Side window -->
<polygon points="290,70 290,95 325,115 325,90" fill="#87CEEB" stroke="#333" stroke-width="1"/>
<!-- Yellow beacon on roof -->
<ellipse cx="330" cy="52" rx="8" ry="4" fill="#FFD700" stroke="#333" stroke-width="1"/>
<ellipse cx="330" cy="48" rx="6" ry="3" fill="#FFEC8B"/>
<!-- Cab wheels -->
<ellipse cx="300" cy="162" rx="14" ry="7" fill="#333"/>
<ellipse cx="300" cy="160" rx="12" ry="6" fill="#555"/>
<ellipse cx="318" cy="168" rx="14" ry="7" fill="#333"/>
<ellipse cx="318" cy="166" rx="12" ry="6" fill="#555"/>
<!-- Front bumper -->
<polygon points="320,115 320,125 380,155 380,145" fill="#888" stroke="#333" stroke-width="1"/>
<!-- Headlight -->
<ellipse cx="365" cy="130" rx="5" ry="3" fill="#FFFACD" stroke="#333" stroke-width="0.5"/>
<!-- Grill lines -->
<line x1="340" y1="100" x2="340" y2="130" stroke="#333" stroke-width="0.5"/>
<line x1="350" y1="105" x2="350" y2="135" stroke="#333" stroke-width="0.5"/>
<line x1="360" y1="110" x2="360" y2="140" stroke="#333" stroke-width="0.5"/>
</g>
<!-- Connection between cab and trailer -->
<polygon points="280,90 280,100 290,105 290,95" fill="#666" stroke="#333" stroke-width="1"/>
</svg>