Showing: full SVG
Concept Groups
blue cube on left: 9
orange shield with white checkmark: 5 6 7 8 10 11 12 13 14 15 16 17 18 19 20 21
top-right circular cutout:
central dark rectangular screen: 3 4
white smartphone frame: 0 1 2 22
gray shadow beneath device: 23
Elements — click to highlight
| # | Tag | Concept | Purity | Contributions |
|---|---|---|---|---|
| 0 | path |
white smartphone fra |
0.264
|
0.007 0.004 0.006 0.005 0.008 0.001 |
| 1 | path |
white smartphone fra |
0.261
|
0.006 0.001 0.004 0.004 0.007 0.005 |
| 2 | path |
white smartphone fra |
0.348
|
0.000 0.000 0.001 0.000 0.001 0.000 |
| 3 | path |
central dark rectang |
0.271
|
0.230 0.100 0.185 0.259 0.182 0.000 |
| 4 | path |
central dark rectang |
0.312
|
0.551 0.077 0.383 0.708 0.555 0.000 |
| 5 | path |
orange shield with w |
0.331
|
0.091 0.124 0.101 0.005 0.054 0.000 |
| 6 | path |
orange shield with w |
0.550
|
0.035 0.187 0.069 0.005 0.045 0.000 |
| 7 | path |
orange shield with w |
0.312
|
0.075 0.105 0.103 0.004 0.051 0.000 |
| 8 | path |
orange shield with w |
0.489
|
0.000 0.002 0.001 0.000 0.001 0.000 |
| 9 | path |
blue cube on left |
1.000
|
0.000 0.000 0.000 0.000 0.000 0.000 |
| 10 | path |
orange shield with w |
0.480
|
0.000 0.006 0.004 0.000 0.002 0.000 |
| 11 | text |
orange shield with w |
0.612
|
0.000 0.000 0.000 0.000 0.000 0.000 |
| 12 | ellipse |
orange shield with w |
0.568
|
0.000 0.004 0.002 0.000 0.001 0.000 |
| 13 | ellipse |
orange shield with w |
0.523
|
0.001 0.007 0.003 0.000 0.002 0.000 |
| 14 | ellipse |
orange shield with w |
0.599
|
0.001 0.006 0.002 0.000 0.001 0.000 |
| 15 | ellipse |
orange shield with w |
0.593
|
0.001 0.005 0.002 0.000 0.001 0.000 |
| 16 | path |
orange shield with w |
0.621
|
0.000 0.010 0.004 0.000 0.002 0.000 |
| 17 | path |
orange shield with w |
0.665
|
0.000 0.038 0.011 0.001 0.007 0.000 |
| 18 | path |
orange shield with w |
0.638
|
0.000 0.067 0.023 0.001 0.015 0.000 |
| 19 | path |
orange shield with w |
0.581
|
0.000 0.046 0.019 0.001 0.013 0.000 |
| 20 | path |
orange shield with w |
0.609
|
0.000 0.071 0.028 0.002 0.017 0.000 |
| 21 | path |
orange shield with w |
0.646
|
0.000 0.140 0.046 0.002 0.029 0.000 |
| 22 | ellipse |
white smartphone fra |
0.331
|
0.001 0.000 0.001 0.000 0.001 0.000 |
| 23 | ellipse |
gray shadow beneath |
0.984
|
0.002 0.001 0.005 0.002 0.007 0.995 |
SVG Code
<svg viewBox="0 0 400 500" xmlns="http://www.w3.org/2000/svg">
<!-- Isometric smartphone body -->
<g transform="translate(100, 80)">
<!-- Phone back face (left side) -->
<path d="M0 100 L0 350 L80 400 L80 150 Z" fill="#e0e0e0" stroke="#ccc" stroke-width="1"/>
<!-- Phone back face (right side) -->
<path d="M80 150 L80 400 L200 320 L200 70 Z" fill="#f5f5f5" stroke="#ccc" stroke-width="1"/>
<!-- Phone top face -->
<path d="M0 100 L80 150 L200 70 L120 20 Z" fill="#ffffff" stroke="#ccc" stroke-width="1"/>
<!-- Phone screen (front face) -->
<path d="M10 115 L10 340 L75 385 L75 160 Z" fill="#1a1a2e" stroke="#333" stroke-width="1"/>
<path d="M75 160 L75 385 L185 310 L185 85 Z" fill="#16213e" stroke="#333" stroke-width="1"/>
<!-- Credit card on screen -->
<g transform="translate(25, 140)">
<!-- Card body (isometric) -->
<path d="M0 30 L0 120 L50 150 L50 60 Z" fill="#2196F3"/>
<path d="M50 60 L50 150 L140 95 L140 5 Z" fill="#1976D2"/>
<path d="M0 30 L50 60 L140 5 L90 -25 Z" fill="#42A5F5"/>
<!-- Golden chip -->
<path d="M60 25 L60 45 L80 55 L80 35 Z" fill="#FFD700"/>
<path d="M80 35 L80 55 L95 47 L95 27 Z" fill="#FFC107"/>
<path d="M60 25 L80 35 L95 27 L75 17 Z" fill="#FFEB3B"/>
<!-- Card number -->
<text transform="translate(55, 85) skewY(-15)" fill="#ffffff" font-family="monospace" font-size="8" font-weight="bold">1098 7654 3210</text>
<!-- Golden coins near top right -->
<ellipse cx="115" cy="15" rx="12" ry="6" fill="#FFD700"/>
<ellipse cx="115" cy="13" rx="12" ry="6" fill="#FFEB3B"/>
<ellipse cx="125" cy="25" rx="10" ry="5" fill="#FFD700"/>
<ellipse cx="125" cy="23" rx="10" ry="5" fill="#FFC107"/>
</g>
<!-- Yellow shield with checkmark -->
<g transform="translate(70, 180)">
<!-- Shield body (isometric) -->
<path d="M0 0 L0 80 L40 110 L80 80 L80 0 L40 -20 Z" fill="#FFC107"/>
<path d="M40 -20 L80 0 L80 80 L40 110 L40 30 Z" fill="#FFB300"/>
<path d="M0 0 L40 -20 L40 30 L40 110 L0 80 Z" fill="#FFCA28"/>
<!-- Shield top -->
<path d="M0 0 L40 -20 L80 0 L40 20 Z" fill="#FFD54F"/>
<!-- White checkmark/angular design -->
<path d="M20 30 L35 50 L60 20 L55 15 L35 40 L25 28 Z" fill="#ffffff" stroke="#ffffff" stroke-width="2" stroke-linejoin="round"/>
<path d="M15 45 L35 70 L70 30 L62 22 L35 55 L22 40 Z" fill="#ffffff"/>
</g>
<!-- Phone home button/indicator -->
<ellipse cx="130" cy="78" rx="15" ry="5" fill="#e0e0e0"/>
</g>
<!-- Shadow under phone -->
<ellipse cx="200" cy="470" rx="100" ry="20" fill="rgba(0,0,0,0.1)"/>
</svg>