Showing: full SVG
Concept Groups
teal mosque silhouette: 0 1 2 3 4 5 7 9 11 22 41 44 45 46 47 48 49 50 51 52 53 54 55 56
dome: 6 8 10 42 43
minarets: 12 13 14 15 16 17 18 19 20 21 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40
Elements — click to highlight
| # | Tag | Concept | Purity | Contributions |
|---|---|---|---|---|
| 0 | rect |
teal mosque silhouet |
1.000
|
0.000 0.000 0.000 |
| 1 | rect |
teal mosque silhouet |
1.000
|
0.351 0.000 0.000 |
| 2 | rect |
teal mosque silhouet |
1.000
|
0.181 0.000 0.000 |
| 3 | path |
teal mosque silhouet |
1.000
|
0.001 0.000 0.000 |
| 4 | path |
teal mosque silhouet |
1.000
|
0.001 0.000 0.000 |
| 5 | path |
teal mosque silhouet |
1.000
|
0.001 0.000 0.000 |
| 6 | path |
dome |
0.746
|
0.016 0.047 0.000 |
| 7 | rect |
teal mosque silhouet |
1.000
|
0.000 0.000 0.000 |
| 8 | path |
dome |
0.749
|
0.017 0.051 0.000 |
| 9 | rect |
teal mosque silhouet |
1.000
|
0.000 0.000 0.000 |
| 10 | path |
dome |
0.760
|
0.157 0.495 0.000 |
| 11 | rect |
teal mosque silhouet |
1.000
|
0.000 0.000 0.000 |
| 12 | rect |
minarets |
0.849
|
0.001 0.000 0.008 |
| 13 | circle |
minarets |
0.865
|
0.003 0.000 0.020 |
| 14 | circle |
minarets |
0.985
|
0.000 0.000 0.003 |
| 15 | circle |
minarets |
0.911
|
0.000 0.000 0.002 |
| 16 | rect |
minarets |
0.834
|
0.037 0.001 0.190 |
| 17 | rect |
minarets |
0.543
|
0.007 0.022 0.035 |
| 18 | path |
minarets |
0.541
|
0.009 0.031 0.047 |
| 19 | rect |
minarets |
0.834
|
0.001 0.000 0.003 |
| 20 | rect |
minarets |
0.834
|
0.001 0.000 0.003 |
| 21 | rect |
minarets |
0.834
|
0.001 0.000 0.003 |
| 22 | rect |
teal mosque silhouet |
1.000
|
0.000 0.000 0.000 |
| 23 | rect |
minarets |
0.831
|
0.029 0.000 0.142 |
| 24 | rect |
minarets |
0.542
|
0.005 0.015 0.023 |
| 25 | path |
minarets |
0.541
|
0.006 0.021 0.033 |
| 26 | rect |
minarets |
0.834
|
0.000 0.000 0.002 |
| 27 | rect |
minarets |
0.834
|
0.000 0.000 0.002 |
| 28 | rect |
minarets |
0.801
|
0.000 0.000 0.001 |
| 29 | rect |
minarets |
0.832
|
0.028 0.000 0.142 |
| 30 | rect |
minarets |
0.543
|
0.005 0.015 0.024 |
| 31 | path |
minarets |
0.537
|
0.006 0.022 0.032 |
| 32 | rect |
minarets |
0.834
|
0.000 0.000 0.002 |
| 33 | rect |
minarets |
0.834
|
0.000 0.000 0.002 |
| 34 | rect |
minarets |
0.822
|
0.000 0.000 0.001 |
| 35 | rect |
minarets |
0.834
|
0.037 0.000 0.189 |
| 36 | rect |
minarets |
0.543
|
0.007 0.022 0.035 |
| 37 | path |
minarets |
0.540
|
0.009 0.031 0.047 |
| 38 | rect |
minarets |
0.834
|
0.001 0.000 0.003 |
| 39 | rect |
minarets |
0.834
|
0.001 0.000 0.003 |
| 40 | rect |
minarets |
0.834
|
0.001 0.000 0.003 |
| 41 | rect |
teal mosque silhouet |
1.000
|
0.000 0.000 0.000 |
| 42 | path |
dome |
0.766
|
0.034 0.112 0.000 |
| 43 | path |
dome |
0.762
|
0.035 0.112 0.001 |
| 44 | rect |
teal mosque silhouet |
0.990
|
0.008 0.000 0.000 |
| 45 | rect |
teal mosque silhouet |
0.794
|
0.000 0.000 0.000 |
| 46 | rect |
teal mosque silhouet |
0.967
|
0.000 0.000 0.000 |
| 47 | rect |
teal mosque silhouet |
0.890
|
0.000 0.000 0.000 |
| 48 | rect |
teal mosque silhouet |
0.816
|
0.000 0.000 0.000 |
| 49 | rect |
teal mosque silhouet |
0.816
|
0.000 0.000 0.000 |
| 50 | rect |
teal mosque silhouet |
0.839
|
0.000 0.000 0.000 |
| 51 | rect |
teal mosque silhouet |
0.816
|
0.000 0.000 0.000 |
| 52 | rect |
teal mosque silhouet |
0.890
|
0.000 0.000 0.000 |
| 53 | rect |
teal mosque silhouet |
0.947
|
0.000 0.000 0.000 |
| 54 | rect |
teal mosque silhouet |
0.794
|
0.000 0.000 0.000 |
| 55 | rect |
teal mosque silhouet |
0.940
|
0.000 0.000 0.000 |
| 56 | rect |
teal mosque silhouet |
0.794
|
0.000 0.000 0.000 |
SVG Code
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 500" width="900" height="500" role="img" aria-label="Stylized mosque silhouette with central dome and minarets in dark teal on white background">
<!-- Background -->
<rect width="100%" height="100%" fill="#ffffff"/>
<!-- Step-by-step analysis (from the description)
1) White, clean background with a single-color silhouette foreground.
2) A central, prominent dome (largest) sits in the middle of the mosque.
3) The dome is topped with a crescent moon finial.
4) Multiple minarets rise on both sides (tall, slender towers with small caps).
5) Smaller domes flank the central dome to emphasize Islamic architectural rhythm.
6) Flat, illustrative look: no gradients, minimal detail, crisp shapes. -->
<!-- Mosque silhouette -->
<g fill="#0b2f3a">
<!-- Base platform -->
<rect x="90" y="380" width="720" height="70" rx="6"/>
<!-- Central main body -->
<rect x="260" y="250" width="380" height="130"/>
<!-- Arched doorway cutouts (white negative space) -->
<g fill="#ffffff">
<path d="M420 380 V315
C420 295 435 280 450 280
C465 280 480 295 480 315
V380 Z"/>
<path d="M320 380 V330
C320 315 332 303 346 303
C360 303 372 315 372 330
V380 Z"/>
<path d="M528 380 V330
C528 315 540 303 554 303
C568 303 580 315 580 330
V380 Z"/>
</g>
<!-- Small domes (left and right of central dome) -->
<path d="M250 250
C250 215 282 188 320 188
C358 188 390 215 390 250
L390 250 L250 250 Z"/>
<rect x="270" y="250" width="100" height="28"/>
<path d="M510 250
C510 215 542 188 580 188
C618 188 650 215 650 250
L650 250 L510 250 Z"/>
<rect x="530" y="250" width="100" height="28"/>
<!-- Central dome -->
<path d="M310 250
C310 170 370 110 450 110
C530 110 590 170 590 250
L590 250 L310 250 Z"/>
<!-- Dome base band -->
<rect x="330" y="250" width="240" height="34"/>
<!-- Crescent finial above central dome -->
<!-- Stem -->
<rect x="446" y="78" width="8" height="36"/>
<!-- Crescent (constructed as two circles: outer dark, inner white to carve) -->
<circle cx="450" cy="62" r="22" fill="#0b2f3a"/>
<circle cx="458" cy="60" r="18" fill="#ffffff"/>
<!-- Small dot/ornament -->
<circle cx="438" cy="40" r="5" fill="#0b2f3a"/>
<!-- Minarets -->
<!-- Far left minaret -->
<g>
<rect x="130" y="155" width="40" height="225"/>
<rect x="122" y="140" width="56" height="20"/>
<path d="M120 140
C128 120 142 108 150 108
C158 108 172 120 180 140 Z"/>
<rect x="138" y="190" width="24" height="10" fill="#ffffff" opacity="0.35"/>
<rect x="138" y="230" width="24" height="10" fill="#ffffff" opacity="0.35"/>
<rect x="138" y="270" width="24" height="10" fill="#ffffff" opacity="0.35"/>
<rect x="138" y="310" width="24" height="10" fill="#ffffff" opacity="0.35"/>
</g>
<!-- Left inner minaret -->
<g>
<rect x="200" y="195" width="34" height="185"/>
<rect x="194" y="182" width="46" height="16"/>
<path d="M192 182
C198 166 209 156 217 156
C225 156 236 166 242 182 Z"/>
<rect x="208" y="230" width="18" height="9" fill="#ffffff" opacity="0.35"/>
<rect x="208" y="265" width="18" height="9" fill="#ffffff" opacity="0.35"/>
<rect x="208" y="300" width="18" height="9" fill="#ffffff" opacity="0.35"/>
</g>
<!-- Right inner minaret -->
<g>
<rect x="666" y="195" width="34" height="185"/>
<rect x="660" y="182" width="46" height="16"/>
<path d="M658 182
C664 166 675 156 683 156
C691 156 702 166 708 182 Z"/>
<rect x="674" y="230" width="18" height="9" fill="#ffffff" opacity="0.35"/>
<rect x="674" y="265" width="18" height="9" fill="#ffffff" opacity="0.35"/>
<rect x="674" y="300" width="18" height="9" fill="#ffffff" opacity="0.35"/>
</g>
<!-- Far right minaret -->
<g>
<rect x="730" y="155" width="40" height="225"/>
<rect x="722" y="140" width="56" height="20"/>
<path d="M720 140
C728 120 742 108 750 108
C758 108 772 120 780 140 Z"/>
<rect x="738" y="190" width="24" height="10" fill="#ffffff" opacity="0.35"/>
<rect x="738" y="230" width="24" height="10" fill="#ffffff" opacity="0.35"/>
<rect x="738" y="270" width="24" height="10" fill="#ffffff" opacity="0.35"/>
<rect x="738" y="310" width="24" height="10" fill="#ffffff" opacity="0.35"/>
</g>
<!-- Small side domes near edges -->
<path d="M120 380
V330
C120 305 145 285 175 285
C205 285 230 305 230 330
V380 Z"/>
<path d="M670 380
V330
C670 305 695 285 725 285
C755 285 780 305 780 330
V380 Z"/>
<!-- Roofline accents (simple crenellation) -->
<g>
<rect x="260" y="240" width="380" height="12"/>
<rect x="270" y="228" width="18" height="12"/>
<rect x="300" y="228" width="18" height="12"/>
<rect x="330" y="228" width="18" height="12"/>
<rect x="360" y="228" width="18" height="12"/>
<rect x="390" y="228" width="18" height="12"/>
<rect x="420" y="228" width="18" height="12"/>
<rect x="450" y="228" width="18" height="12"/>
<rect x="480" y="228" width="18" height="12"/>
<rect x="510" y="228" width="18" height="12"/>
<rect x="540" y="228" width="18" height="12"/>
<rect x="570" y="228" width="18" height="12"/>
<rect x="600" y="228" width="18" height="12"/>
</g>
</g>
</svg>