← Back to dashboard

isometric smartphone with secure payment shield

Model: gemini | Tier: complex | ID: a4aa7e6a-e3a5-4893-965b-fb15c315745f_6e96693019b6f402 | 14 elements

0.626
Editability
1.000
Coverage
0.626
Purity
0.150
Crosstalk
0.562
Compact
0.865
Locality
0.911
Contiguity
full
Showing: full SVG

Concept Groups

isometric smartphone frame: 0 1 2 3 7 8
blue screen with card details: 4 6
yellow credit card icon on screen: 5 10 11
top-right small yellow dot: 9 12 13

Elements — click to highlight

#TagConceptPurityContributions
0 path isometric smartphone
0.613
isometric sm
0.000
blue screen
0.000
yellow credi
0.000
top-right sm
0.000
1 path isometric smartphone
0.672
isometric sm
0.004
blue screen
0.000
yellow credi
0.000
top-right sm
0.002
2 path isometric smartphone
0.789
isometric sm
0.021
blue screen
0.000
yellow credi
0.000
top-right sm
0.006
3 path isometric smartphone
0.819
isometric sm
0.522
blue screen
0.008
yellow credi
0.000
top-right sm
0.107
4 path blue screen with car
0.650
isometric sm
0.397
blue screen
0.940
yellow credi
0.003
top-right sm
0.107
5 path yellow credit card i
0.438
isometric sm
0.015
blue screen
0.031
yellow credi
0.041
top-right sm
0.007
6 text blue screen with car
0.610
isometric sm
0.010
blue screen
0.021
yellow credi
0.000
top-right sm
0.004
7 ellipse isometric smartphone
1.000
isometric sm
0.000
blue screen
0.000
yellow credi
0.000
top-right sm
0.000
8 ellipse isometric smartphone
1.000
isometric sm
0.000
blue screen
0.000
yellow credi
0.000
top-right sm
0.000
9 path top-right small yell
0.849
isometric sm
0.000
blue screen
0.000
yellow credi
0.000
top-right sm
0.002
10 path yellow credit card i
0.547
isometric sm
0.029
blue screen
0.000
yellow credi
0.878
top-right sm
0.697
11 path yellow credit card i
0.531
isometric sm
0.002
blue screen
0.000
yellow credi
0.079
top-right sm
0.068
12 circle top-right small yell
0.699
isometric sm
0.000
blue screen
0.000
yellow credi
0.000
top-right sm
0.000
13 circle top-right small yell
0.768
isometric sm
0.000
blue screen
0.000
yellow credi
0.000
top-right sm
0.000

SVG Code

<svg width="800" height="600" viewBox="0 0 800 600" xmlns="http://www.w3.org/2000/svg"> <!-- Background Gradient --> <defs> <linearGradient id="shieldGrad" x1="0%" y1="0%" x2="0%" y2="100%"> <stop offset="0%" style="stop-color:#FFEB3B;stop-opacity:1" /> <stop offset="100%" style="stop-color:#FBC02D;stop-opacity:1" /> </linearGradient> </defs> <!-- Smartphone Body (Isometric) --> <!-- Side Depth --> <path d="M200 350 L200 375 Q200 385 215 392 L515 242 Q530 235 530 225 L530 200 Z" fill="#D1D1D1" /> <path d="M530 200 L530 225 Q530 235 515 242 L215 392 Q200 385 200 375 L200 350" fill="#BDBDBD" /> <!-- Top Surface --> <path d="M215 385 Q200 378 200 365 L200 185 Q200 172 215 165 L515 15 Q530 8 530 21 L530 201 Q530 214 515 221 Z" fill="#FFFFFF" stroke="#E0E0E0" stroke-width="1"/> <!-- Screen --> <path d="M225 365 Q215 360 215 350 L215 195 Q215 185 225 180 L505 40 Q515 35 515 45 L515 200 Q515 210 505 215 Z" fill="#263238" /> <!-- Credit Card --> <g transform="translate(10, -10)"> <path d="M250 320 Q240 315 240 305 L240 215 Q240 205 250 200 L480 85 Q490 80 490 90 L490 180 Q490 190 480 195 Z" fill="#1976D2" /> <!-- Chip --> <path d="M270 260 L300 245 L300 265 L270 280 Z" fill="#FFD54F" /> <!-- Card Number --> <text x="0" y="0" fill="white" font-family="monospace" font-size="16" transform="matrix(0.866, -0.5, 0, 1, 275, 295)">1098 7654 3210</text> <!-- Gold Coins (Logo) --> <ellipse cx="450" cy="125" rx="15" ry="10" fill="#FFA000" transform="skewY(-30)" /> <ellipse cx="465" cy="117" rx="15" ry="10" fill="#FFC107" fill-opacity="0.8" transform="skewY(-30)" /> </g> <!-- Shield Icon --> <g transform="translate(380, 280)"> <!-- Shield Shadow --> <path d="M0 120 Q0 150 60 180 Q120 150 120 120 L120 20 L0 20 Z" fill="black" opacity="0.1" transform="translate(5, 5)"/> <!-- Shield Body --> <path d="M0 120 Q0 150 60 180 Q120 150 120 120 L120 20 L0 20 Z" fill="url(#shieldGrad)" stroke="#F9A825" stroke-width="4"/> <!-- Checkmark Design --> <path d="M30 100 L55 125 L95 75" fill="none" stroke="white" stroke-width="12" stroke-linecap="round" stroke-linejoin="round" /> </g> <!-- Floating Elements for "Isometric" feel --> <circle cx="150" cy="450" r="5" fill="#E0E0E0" /> <circle cx="600" cy="100" r="8" fill="#FFD54F" opacity="0.6" /> </svg>