Showing: full SVG
Concept Groups
top central brown diamond: 4 6 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44
upper-right brown diamond ray: 0 1 7
bottom central brown diamond: 5
lower-left brown diamond ray: 2 3 8
upper-left brown diamond ray:
Elements — click to highlight
| # | Tag | Concept | Purity | Contributions |
|---|---|---|---|---|
| 0 | circle |
upper-right brown di |
0.202
|
0.144 0.146 0.144 0.144 0.145 |
| 1 | polygon |
upper-right brown di |
0.202
|
0.105 0.108 0.105 0.107 0.107 |
| 2 | polygon |
lower-left brown dia |
0.221
|
0.085 0.101 0.087 0.108 0.108 |
| 3 | polygon |
lower-left brown dia |
0.230
|
0.079 0.096 0.077 0.107 0.107 |
| 4 | polygon |
top central brown di |
0.211
|
0.117 0.107 0.116 0.107 0.107 |
| 5 | polygon |
bottom central brown |
0.226
|
0.133 0.113 0.134 0.107 0.107 |
| 6 | polygon |
top central brown di |
0.221
|
0.129 0.113 0.128 0.106 0.106 |
| 7 | polygon |
upper-right brown di |
0.205
|
0.108 0.110 0.106 0.106 0.106 |
| 8 | polygon |
lower-left brown dia |
0.206
|
0.100 0.106 0.102 0.108 0.107 |
| 9 | line |
top central brown di |
1.000
|
0.000 0.000 0.000 0.000 0.000 |
| 10 | line |
top central brown di |
1.000
|
0.000 0.000 0.000 0.000 0.000 |
| 11 | line |
top central brown di |
1.000
|
0.000 0.000 0.000 0.000 0.000 |
| 12 | line |
top central brown di |
1.000
|
0.000 0.000 0.000 0.000 0.000 |
| 13 | line |
top central brown di |
1.000
|
0.000 0.000 0.000 0.000 0.000 |
| 14 | line |
top central brown di |
1.000
|
0.000 0.000 0.000 0.000 0.000 |
| 15 | line |
top central brown di |
1.000
|
0.000 0.000 0.000 0.000 0.000 |
| 16 | line |
top central brown di |
1.000
|
0.000 0.000 0.000 0.000 0.000 |
| 17 | line |
top central brown di |
1.000
|
0.000 0.000 0.000 0.000 0.000 |
| 18 | line |
top central brown di |
1.000
|
0.000 0.000 0.000 0.000 0.000 |
| 19 | line |
top central brown di |
1.000
|
0.000 0.000 0.000 0.000 0.000 |
| 20 | line |
top central brown di |
1.000
|
0.000 0.000 0.000 0.000 0.000 |
| 21 | line |
top central brown di |
1.000
|
0.000 0.000 0.000 0.000 0.000 |
| 22 | line |
top central brown di |
1.000
|
0.000 0.000 0.000 0.000 0.000 |
| 23 | line |
top central brown di |
1.000
|
0.000 0.000 0.000 0.000 0.000 |
| 24 | line |
top central brown di |
1.000
|
0.000 0.000 0.000 0.000 0.000 |
| 25 | line |
top central brown di |
1.000
|
0.000 0.000 0.000 0.000 0.000 |
| 26 | line |
top central brown di |
1.000
|
0.000 0.000 0.000 0.000 0.000 |
| 27 | line |
top central brown di |
1.000
|
0.000 0.000 0.000 0.000 0.000 |
| 28 | line |
top central brown di |
1.000
|
0.000 0.000 0.000 0.000 0.000 |
| 29 | line |
top central brown di |
1.000
|
0.000 0.000 0.000 0.000 0.000 |
| 30 | line |
top central brown di |
1.000
|
0.000 0.000 0.000 0.000 0.000 |
| 31 | line |
top central brown di |
1.000
|
0.000 0.000 0.000 0.000 0.000 |
| 32 | line |
top central brown di |
1.000
|
0.000 0.000 0.000 0.000 0.000 |
| 33 | line |
top central brown di |
1.000
|
0.000 0.000 0.000 0.000 0.000 |
| 34 | line |
top central brown di |
1.000
|
0.000 0.000 0.000 0.000 0.000 |
| 35 | line |
top central brown di |
1.000
|
0.000 0.000 0.000 0.000 0.000 |
| 36 | line |
top central brown di |
1.000
|
0.000 0.000 0.000 0.000 0.000 |
| 37 | line |
top central brown di |
1.000
|
0.000 0.000 0.000 0.000 0.000 |
| 38 | line |
top central brown di |
1.000
|
0.000 0.000 0.000 0.000 0.000 |
| 39 | line |
top central brown di |
1.000
|
0.000 0.000 0.000 0.000 0.000 |
| 40 | line |
top central brown di |
1.000
|
0.000 0.000 0.000 0.000 0.000 |
| 41 | line |
top central brown di |
1.000
|
0.000 0.000 0.000 0.000 0.000 |
| 42 | line |
top central brown di |
1.000
|
0.000 0.000 0.000 0.000 0.000 |
| 43 | line |
top central brown di |
1.000
|
0.000 0.000 0.000 0.000 0.000 |
| 44 | line |
top central brown di |
1.000
|
0.000 0.000 0.000 0.000 0.000 |
SVG Code
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<defs>
<style>
.main { fill: none; stroke: #8a5a2b; stroke-width: 10; stroke-linecap: round; stroke-linejoin: round; }
.dash { fill: none; stroke: #8a5a2b; stroke-width: 7; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 10 16; }
.dashThin { fill: none; stroke: #8a5a2b; stroke-width: 6; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 8 14; }
</style>
</defs>
<!-- Center circle -->
<circle class="main" cx="256" cy="256" r="62"/>
<!-- 8 prominent diamond-shaped rays (lozenges), rotated around center -->
<g>
<!-- Base ray points (pointing upward), then rotated -->
<!-- Diamond: inner tip near circle, outer tip farther out -->
<!-- Points: (256,136) inner, (276,176) right, (256,226) outer, (236,176) left -->
<polygon class="main" points="256,136 276,176 256,226 236,176"/>
<polygon class="main" points="256,136 276,176 256,226 236,176" transform="rotate(45 256 256)"/>
<polygon class="main" points="256,136 276,176 256,226 236,176" transform="rotate(90 256 256)"/>
<polygon class="main" points="256,136 276,176 256,226 236,176" transform="rotate(135 256 256)"/>
<polygon class="main" points="256,136 276,176 256,226 236,176" transform="rotate(180 256 256)"/>
<polygon class="main" points="256,136 276,176 256,226 236,176" transform="rotate(225 256 256)"/>
<polygon class="main" points="256,136 276,176 256,226 236,176" transform="rotate(270 256 256)"/>
<polygon class="main" points="256,136 276,176 256,226 236,176" transform="rotate(315 256 256)"/>
</g>
<!-- Numerous shorter dashed radiating lines between/around rays -->
<g class="dash">
<!-- Between main rays: angles at 22.5, 67.5, ... -->
<line x1="256" y1="86" x2="256" y2="56"/>
<line x1="256" y1="456" x2="256" y2="486"/>
<line x1="86" y1="256" x2="56" y2="256"/>
<line x1="456" y1="256" x2="486" y2="256"/>
<line x1="256" y1="86" x2="256" y2="56" transform="rotate(22.5 256 256)"/>
<line x1="256" y1="86" x2="256" y2="56" transform="rotate(67.5 256 256)"/>
<line x1="256" y1="86" x2="256" y2="56" transform="rotate(112.5 256 256)"/>
<line x1="256" y1="86" x2="256" y2="56" transform="rotate(157.5 256 256)"/>
<line x1="256" y1="86" x2="256" y2="56" transform="rotate(202.5 256 256)"/>
<line x1="256" y1="86" x2="256" y2="56" transform="rotate(247.5 256 256)"/>
<line x1="256" y1="86" x2="256" y2="56" transform="rotate(292.5 256 256)"/>
<line x1="256" y1="86" x2="256" y2="56" transform="rotate(337.5 256 256)"/>
<!-- Additional short dashes closer to the sun, staggered -->
<line x1="256" y1="118" x2="256" y2="98" transform="rotate(15 256 256)"/>
<line x1="256" y1="118" x2="256" y2="98" transform="rotate(30 256 256)"/>
<line x1="256" y1="118" x2="256" y2="98" transform="rotate(60 256 256)"/>
<line x1="256" y1="118" x2="256" y2="98" transform="rotate(75 256 256)"/>
<line x1="256" y1="118" x2="256" y2="98" transform="rotate(105 256 256)"/>
<line x1="256" y1="118" x2="256" y2="98" transform="rotate(120 256 256)"/>
<line x1="256" y1="118" x2="256" y2="98" transform="rotate(150 256 256)"/>
<line x1="256" y1="118" x2="256" y2="98" transform="rotate(165 256 256)"/>
<line x1="256" y1="118" x2="256" y2="98" transform="rotate(195 256 256)"/>
<line x1="256" y1="118" x2="256" y2="98" transform="rotate(210 256 256)"/>
<line x1="256" y1="118" x2="256" y2="98" transform="rotate(240 256 256)"/>
<line x1="256" y1="118" x2="256" y2="98" transform="rotate(255 256 256)"/>
<line x1="256" y1="118" x2="256" y2="98" transform="rotate(285 256 256)"/>
<line x1="256" y1="118" x2="256" y2="98" transform="rotate(300 256 256)"/>
<line x1="256" y1="118" x2="256" y2="98" transform="rotate(330 256 256)"/>
<line x1="256" y1="118" x2="256" y2="98" transform="rotate(345 256 256)"/>
</g>
<!-- Subtle dashed accents near the tips of the main rays -->
<g class="dashThin">
<!-- A small dashed segment beyond the outer tip direction; replicate by rotation -->
<line x1="256" y1="52" x2="256" y2="30"/>
<line x1="256" y1="52" x2="256" y2="30" transform="rotate(45 256 256)"/>
<line x1="256" y1="52" x2="256" y2="30" transform="rotate(90 256 256)"/>
<line x1="256" y1="52" x2="256" y2="30" transform="rotate(135 256 256)"/>
<line x1="256" y1="52" x2="256" y2="30" transform="rotate(180 256 256)"/>
<line x1="256" y1="52" x2="256" y2="30" transform="rotate(225 256 256)"/>
<line x1="256" y1="52" x2="256" y2="30" transform="rotate(270 256 256)"/>
<line x1="256" y1="52" x2="256" y2="30" transform="rotate(315 256 256)"/>
</g>
</svg>