Showing: full SVG
Concept Groups
isometric smartphone: 0 1
secure payment shield: 2 3 4 5 6 7 8 9
Elements — click to highlight
| # | Tag | Concept | Purity | Contributions |
|---|---|---|---|---|
| 0 | rect |
isometric smartphone |
0.997
|
0.001 0.000 |
| 1 | rect |
isometric smartphone |
1.000
|
0.999 0.000 |
| 2 | rect |
secure payment shiel |
1.000
|
0.000 0.608 |
| 3 | text |
secure payment shiel |
1.000
|
0.000 0.033 |
| 4 | rect |
secure payment shiel |
1.000
|
0.000 0.030 |
| 5 | circle |
secure payment shiel |
1.000
|
0.000 0.013 |
| 6 | circle |
secure payment shiel |
1.000
|
0.000 0.007 |
| 7 | polygon |
secure payment shiel |
1.000
|
0.000 0.300 |
| 8 | polygon |
secure payment shiel |
1.000
|
0.000 0.007 |
| 9 | polygon |
secure payment shiel |
1.000
|
0.000 0.004 |
SVG Code
<svg width="400" height="400" viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg">
<!-- Smartphone body -->
<g transform="translate(100, 100)">
<!-- Phone frame -->
<rect x="0" y="0" width="200" height="350" rx="20" fill="white" stroke="#e0e0e0" stroke-width="2"/>
<!-- Screen -->
<rect x="10" y="10" width="180" height="330" rx="10" fill="#f0f0f0"/>
<!-- Credit Card -->
<g transform="translate(20, 40)">
<!-- Card background -->
<rect x="0" y="0" width="160" height="100" rx="8" fill="#1e90ff" />
<!-- Card number -->
<text x="10" y="40" font-family="Arial" font-size="14" fill="white" font-weight="bold">1098 7654 3210</text>
<!-- Golden chip -->
<rect x="10" y="60" width="30" height="20" rx="2" fill="#ffd700"/>
<!-- Gold coins -->
<circle cx="140" cy="20" r="8" fill="#ffd700"/>
<circle cx="120" cy="20" r="6" fill="#ffd700"/>
</g>
<!-- Yellow Shield Icon -->
<g transform="translate(50, 100)">
<polygon points="0,0 100,0 80,60 50,100 20,60" fill="#FFD700"/>
<polygon points="25,25 75,25 60,50 40,50" fill="white"/>
<polygon points="40,50 60,50 50,70" fill="white"/>
</g>
</g>
</svg>