← Back to dashboard

Islamic geometric pattern, octagons and stars

Model: gemini | Tier: complex | ID: 1bdb51ba-93d6-4172-80c0-73a13c8f766b_ba5680b0df955db1 | 3 elements

0.526
Editability
1.000
Coverage
0.526
Purity
0.904
Crosstalk
0.935
Compact
0.970
Locality
0.750
Contiguity
full
Showing: full SVG

Concept Groups

islamic geometric pattern: 0 2
stars: 1

Elements — click to highlight

#TagConceptPurityContributions
0 rect islamic geometric pa
0.501
islamic geom
0.985
stars
0.982
1 path stars
0.552
islamic geom
0.014
stars
0.017
2 path islamic geometric pa
0.545
islamic geom
0.001
stars
0.001

SVG Code

<svg width="800" height="800" viewBox="0 0 800 800" xmlns="http://www.w3.org/2000/svg"> <defs> <!-- Define the Islamic Geometric Pattern --> <pattern id="islamicGrid" width="100" height="100" patternUnits="userSpaceOnUse"> <!-- Background of the pattern unit --> <rect width="100" height="100" fill="#A3B18A" /> <!-- Light Green Fills for Octagons --> <path d="M 50 0 L 65 35 L 100 50 L 65 65 L 50 100 L 35 65 L 0 50 L 35 35 Z" fill="#CCD5AE" opacity="0.6" /> <!-- White Geometric Lines --> <g stroke="white" stroke-width="1.5" fill="none"> <!-- Central 8-pointed star lines --> <path d="M 50 0 L 50 100 M 0 50 L 100 50 M 0 0 L 100 100 M 100 0 L 0 100" opacity="0.3"/> <!-- The Octagons and Stars --> <path d="M 30 0 L 50 20 L 70 0 M 100 30 L 80 50 L 100 70 M 70 100 L 50 80 L 30 100 M 0 70 L 20 50 L 0 30" /> <path d="M 50 20 L 80 50 L 50 80 L 20 50 Z" /> <path d="M 0 0 L 20 15 M 100 0 L 80 15 M 100 100 L 80 85 M 0 100 L 20 85" /> </g> </pattern> <!-- Clipping path for the architectural shape --> <clipPath id="archClip"> <path d="M 0 0 L 750 0 L 750 500 C 750 550, 700 550, 700 600 L 700 650 C 700 700, 650 700, 600 700 L 100 700 C 50 700, 50 750, 0 750 Z" /> </clipPath> </defs> <!-- Main Patterned Area --> <rect width="800" height="800" fill="url(#islamicGrid)" clip-path="url(#archClip)" /> <!-- Decorative Brown Border --> <path d="M 750 0 L 750 500 C 750 550, 700 550, 700 600 L 700 650 C 700 700, 650 700, 600 700 L 100 700 C 50 700, 50 750, 0 750" stroke="#5D4037" stroke-width="12" fill="none" stroke-linejoin="round" stroke-linecap="round" /> <!-- Secondary inner accent for the border --> <path d="M 740 0 L 740 495 C 740 540, 690 540, 690 590 L 690 640 C 690 690, 640 690, 590 690 L 0 690" stroke="#8D6E63" stroke-width="2" fill="none" opacity="0.5" /> </svg>