Showing: full SVG
Concept Groups
black silhouette: 0 13
looping yellow lines: 1 2 3 4 5 6 7 8 9 10 11 12
Elements — click to highlight
| # | Tag | Concept | Purity | Contributions |
|---|---|---|---|---|
| 0 | path |
black silhouette |
0.508
|
0.817 0.790 |
| 1 | path |
looping yellow lines |
0.526
|
0.033 0.036 |
| 2 | path |
looping yellow lines |
0.542
|
0.024 0.029 |
| 3 | path |
looping yellow lines |
0.568
|
0.013 0.017 |
| 4 | path |
looping yellow lines |
0.552
|
0.021 0.026 |
| 5 | path |
looping yellow lines |
0.546
|
0.008 0.010 |
| 6 | path |
looping yellow lines |
0.528
|
0.010 0.011 |
| 7 | path |
looping yellow lines |
0.542
|
0.007 0.008 |
| 8 | path |
looping yellow lines |
0.515
|
0.017 0.018 |
| 9 | path |
looping yellow lines |
0.521
|
0.025 0.028 |
| 10 | path |
looping yellow lines |
0.530
|
0.006 0.007 |
| 11 | path |
looping yellow lines |
0.542
|
0.007 0.008 |
| 12 | path |
looping yellow lines |
0.537
|
0.005 0.006 |
| 13 | path |
black silhouette |
0.528
|
0.006 0.005 |
SVG Code
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 350">
<defs>
<clipPath id="geoShape">
<path d="M50,80
Q30,120 45,160
Q35,200 60,240
Q50,280 80,300
Q120,320 160,310
Q200,330 240,315
Q280,325 310,290
Q350,270 360,220
Q380,180 350,140
Q370,100 330,70
Q290,40 240,50
Q190,30 140,55
Q90,45 50,80 Z"/>
</clipPath>
</defs>
<!-- Black silhouette background -->
<path d="M50,80
Q30,120 45,160
Q35,200 60,240
Q50,280 80,300
Q120,320 160,310
Q200,330 240,315
Q280,325 310,290
Q350,270 360,220
Q380,180 350,140
Q370,100 330,70
Q290,40 240,50
Q190,30 140,55
Q90,45 50,80 Z"
fill="black"/>
<!-- Looping yellow-orange lines clipped to the shape -->
<g clip-path="url(#geoShape)">
<!-- Loop pattern 1 -->
<path d="M20,100 Q60,60 100,100 Q140,140 100,180 Q60,220 100,260 Q140,300 180,260 Q220,220 180,180 Q140,140 180,100 Q220,60 260,100 Q300,140 260,180 Q220,220 260,260 Q300,300 340,260 Q380,220 340,180 Q300,140 340,100 Q380,60 420,100"
fill="none" stroke="#FFA500" stroke-width="3" stroke-linecap="round"/>
<!-- Loop pattern 2 -->
<path d="M0,150 Q50,110 90,150 Q130,190 90,230 Q50,270 90,310 Q130,350 170,310 Q210,270 170,230 Q130,190 170,150 Q210,110 250,150 Q290,190 250,230 Q210,270 250,310 Q290,350 330,310 Q370,270 330,230 Q290,190 330,150 Q370,110 410,150"
fill="none" stroke="#FFB347" stroke-width="2.5" stroke-linecap="round"/>
<!-- Loop pattern 3 -->
<path d="M30,200 Q70,160 110,200 Q150,240 110,280 Q70,320 110,360 Q150,400 190,360 Q230,320 190,280 Q150,240 190,200 Q230,160 270,200 Q310,240 270,280 Q230,320 270,360 Q310,400 350,360"
fill="none" stroke="#FFCC00" stroke-width="2" stroke-linecap="round"/>
<!-- Loop pattern 4 -->
<path d="M40,50 Q80,10 120,50 Q160,90 120,130 Q80,170 120,210 Q160,250 200,210 Q240,170 200,130 Q160,90 200,50 Q240,10 280,50 Q320,90 280,130 Q240,170 280,210 Q320,250 360,210 Q400,170 360,130"
fill="none" stroke="#FF8C00" stroke-width="2.5" stroke-linecap="round"/>
<!-- Loop pattern 5 - horizontal waves -->
<path d="M10,120 C50,80 80,160 120,120 C160,80 190,160 230,120 C270,80 300,160 340,120 C380,80 410,160 450,120"
fill="none" stroke="#FFD700" stroke-width="2" stroke-linecap="round"/>
<!-- Loop pattern 6 -->
<path d="M10,180 C50,140 80,220 120,180 C160,140 190,220 230,180 C270,140 300,220 340,180 C380,140 410,220 450,180"
fill="none" stroke="#FFA500" stroke-width="2.5" stroke-linecap="round"/>
<!-- Loop pattern 7 -->
<path d="M10,240 C50,200 80,280 120,240 C160,200 190,280 230,240 C270,200 300,280 340,240 C380,200 410,280 450,240"
fill="none" stroke="#FF9933" stroke-width="2" stroke-linecap="round"/>
<!-- Loop pattern 8 - figure eights -->
<path d="M60,140 Q100,100 140,140 Q180,180 140,220 Q100,260 140,300 Q180,260 220,220 Q260,180 220,140 Q180,100 220,60 Q260,100 300,140 Q340,180 300,220 Q260,260 300,300"
fill="none" stroke="#FFBF00" stroke-width="2" stroke-linecap="round"/>
<!-- Loop pattern 9 -->
<path d="M80,80 Q120,40 160,80 Q200,120 160,160 Q120,200 160,240 Q200,280 240,240 Q280,200 240,160 Q200,120 240,80 Q280,40 320,80 Q360,120 320,160 Q280,200 320,240"
fill="none" stroke="#FFB347" stroke-width="3" stroke-linecap="round"/>
<!-- Loop pattern 10 - spiral curves -->
<path d="M100,170 Q130,130 170,170 Q210,210 170,250 Q130,290 170,330"
fill="none" stroke="#FFCC00" stroke-width="2.5" stroke-linecap="round"/>
<path d="M200,100 Q240,60 280,100 Q320,140 280,180 Q240,220 280,260 Q320,300 360,260"
fill="none" stroke="#FF8C00" stroke-width="2" stroke-linecap="round"/>
<!-- Additional overlapping loops -->
<path d="M150,90 C180,50 220,130 250,90 C280,50 320,130 350,90"
fill="none" stroke="#FFD700" stroke-width="2.5" stroke-linecap="round"/>
<path d="M70,270 C110,230 150,310 190,270 C230,230 270,310 310,270"
fill="none" stroke="#FFA500" stroke-width="2" stroke-linecap="round"/>
</g>
</svg>