Showing: full SVG
Concept Groups
mustard yellow oval with white stars: 1 3 6 11 12 14
brown oval behind the yellow shape: 0
top-right white star: 2 4 5 7 8 9 13 15 16
center-left white star:
bottom-right white star:
upper-middle white star: 10
Elements — click to highlight
| # | Tag | Concept | Purity | Contributions |
|---|---|---|---|---|
| 0 | path |
brown oval behind th |
0.257
|
0.000 0.189 0.113 0.145 0.166 0.121 |
| 1 | use |
mustard yellow oval |
0.190
|
0.995 0.808 0.876 0.849 0.826 0.874 |
| 2 | use |
top-right white star |
0.258
|
0.001 0.001 0.001 0.001 0.001 0.001 |
| 3 | use |
mustard yellow oval |
1.000
|
0.000 0.000 0.000 0.000 0.000 0.000 |
| 4 | use |
top-right white star |
0.365
|
0.001 0.000 0.002 0.001 0.001 0.000 |
| 5 | use |
top-right white star |
0.388
|
0.000 0.000 0.002 0.000 0.001 0.000 |
| 6 | use |
mustard yellow oval |
1.000
|
0.000 0.000 0.000 0.000 0.000 0.000 |
| 7 | use |
top-right white star |
0.245
|
0.000 0.000 0.000 0.000 0.000 0.000 |
| 8 | use |
top-right white star |
0.357
|
0.001 0.000 0.002 0.001 0.001 0.001 |
| 9 | use |
top-right white star |
0.363
|
0.000 0.000 0.001 0.000 0.001 0.000 |
| 10 | use |
upper-middle white s |
0.276
|
0.000 0.000 0.000 0.000 0.000 0.001 |
| 11 | use |
mustard yellow oval |
0.188
|
0.000 0.000 0.000 0.000 0.000 0.000 |
| 12 | use |
mustard yellow oval |
0.194
|
0.000 0.000 0.000 0.000 0.000 0.000 |
| 13 | use |
top-right white star |
0.279
|
0.001 0.000 0.001 0.000 0.001 0.000 |
| 14 | use |
mustard yellow oval |
1.000
|
0.000 0.000 0.000 0.000 0.000 0.000 |
| 15 | use |
top-right white star |
0.212
|
0.001 0.001 0.001 0.001 0.001 0.001 |
| 16 | use |
top-right white star |
0.351
|
0.000 0.000 0.001 0.001 0.001 0.000 |
SVG Code
<svg width="500" height="500" viewBox="0 0 500 500" xmlns="http://www.w3.org/2000/svg">
<!-- Define the clipping path for the mustard shape to contain the stars -->
<defs>
<path id="mustardShape" d="M320,120 C220,80 120,150 140,280 C160,420 380,480 440,350 C500,220 400,150 320,120 Z" />
<clipPath id="clipMustard">
<use href="#mustardShape" />
</clipPath>
<!-- A simple star shape definition -->
<polygon id="star" points="0,-5 1.2,-1.5 4.8,-1.5 1.8,0.8 3,4.2 0,2 -3,4.2 -1.8,0.8 -4.8,-1.5 -1.2,-1.5" fill="white" />
</defs>
<!-- Background Shape: Solid Medium Brown -->
<path d="M180,150 C100,120 50,220 80,320 C110,420 250,400 280,300 C310,200 250,180 180,150 Z" fill="#8B5A2B" />
<!-- Foreground Shape: Muted Mustard Yellow -->
<use href="#mustardShape" fill="#D4A017" />
<!-- Scattered White Stars (Clipped to the Mustard Shape) -->
<g clip-path="url(#clipMustard)">
<use href="#star" x="200" y="180" transform="scale(1.2)" />
<use href="#star" x="250" y="150" transform="scale(0.8)" />
<use href="#star" x="350" y="180" transform="scale(1.1)" />
<use href="#star" x="410" y="240" transform="scale(0.9)" />
<use href="#star" x="380" y="320" transform="scale(1.3)" />
<use href="#star" x="300" y="250" transform="scale(0.7)" />
<use href="#star" x="220" y="280" transform="scale(1.0)" />
<use href="#star" x="180" y="350" transform="scale(0.8)" />
<use href="#star" x="260" y="380" transform="scale(1.1)" />
<use href="#star" x="330" y="410" transform="scale(0.9)" />
<use href="#star" x="420" y="380" transform="scale(0.7)" />
<use href="#star" x="280" y="200" transform="scale(1.0)" />
<use href="#star" x="160" y="240" transform="scale(0.6)" />
<use href="#star" x="340" y="280" transform="scale(1.2)" />
<use href="#star" x="240" y="330" transform="scale(0.9)" />
</g>
</svg>