Showing: full SVG
Concept Groups
black silhouette: 0 7 11 16 17
looping yellow lines: 1 2 3 4 5 6 8 9 10 12 13 14 15
Elements — click to highlight
| # | Tag | Concept | Purity | Contributions |
|---|---|---|---|---|
| 0 | use |
black silhouette |
0.519
|
0.826 0.764 |
| 1 | path |
looping yellow lines |
0.553
|
0.011 0.014 |
| 2 | path |
looping yellow lines |
0.523
|
0.010 0.011 |
| 3 | path |
looping yellow lines |
0.542
|
0.007 0.009 |
| 4 | path |
looping yellow lines |
0.521
|
0.008 0.009 |
| 5 | path |
looping yellow lines |
0.639
|
0.008 0.014 |
| 6 | path |
looping yellow lines |
0.571
|
0.011 0.014 |
| 7 | path |
black silhouette |
0.520
|
0.004 0.004 |
| 8 | path |
looping yellow lines |
0.548
|
0.004 0.004 |
| 9 | path |
looping yellow lines |
0.568
|
0.007 0.009 |
| 10 | path |
looping yellow lines |
0.536
|
0.007 0.008 |
| 11 | path |
black silhouette |
0.520
|
0.007 0.006 |
| 12 | path |
looping yellow lines |
0.629
|
0.019 0.033 |
| 13 | path |
looping yellow lines |
0.622
|
0.020 0.032 |
| 14 | path |
looping yellow lines |
0.615
|
0.019 0.031 |
| 15 | path |
looping yellow lines |
0.562
|
0.024 0.030 |
| 16 | path |
black silhouette |
0.570
|
0.006 0.004 |
| 17 | path |
black silhouette |
0.530
|
0.002 0.002 |
SVG Code
<svg xmlns="http://www.w3.org/2000/svg" width="900" height="700" viewBox="0 0 900 700">
<!--
Step-by-step analysis (from description):
1) Background: transparent/white (no background rectangle needed).
2) Main form: a single, stylized irregular black silhouette reminiscent of a geographic outline.
3) Interior design: continuous, looping, overlapping fluid lines spanning the entire silhouette.
4) Line color: yellow-orange; linework should feel dynamic and intertwined.
5) Composition: pattern is clipped to the silhouette so it only appears inside the black shape.
-->
<defs>
<!-- Irregular silhouette path (geographic-like outline) -->
<path id="silhouette" d="
M 170 170
C 210 120, 300 95, 360 120
C 410 85, 505 95, 560 140
C 635 120, 710 170, 735 235
C 790 275, 795 360, 750 410
C 785 480, 740 565, 660 590
C 615 645, 520 650, 470 610
C 420 660, 325 640, 285 595
C 210 610, 145 560, 140 495
C 85 455, 95 365, 135 325
C 105 265, 125 205, 170 170
Z
"/>
<clipPath id="clipSilhouette">
<use href="#silhouette"/>
</clipPath>
<!-- Slight glow to help lines pop against black -->
<filter id="softGlow" x="-20%" y="-20%" width="140%" height="140%">
<feGaussianBlur stdDeviation="1.2" result="blur"/>
<feMerge>
<feMergeNode in="blur"/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
<!-- Warm gradient for the line strokes -->
<linearGradient id="warmStroke" x1="0" y1="0" x2="1" y2="1">
<stop offset="0%" stop-color="#ffd34d"/>
<stop offset="55%" stop-color="#ff9f1a"/>
<stop offset="100%" stop-color="#ff6a00"/>
</linearGradient>
</defs>
<!-- Black silhouette -->
<use href="#silhouette" fill="#000000"/>
<!-- Pattern of looping lines clipped to silhouette -->
<g clip-path="url(#clipSilhouette)" filter="url(#softGlow)">
<!-- Base line style -->
<g fill="none" stroke="url(#warmStroke)" stroke-width="4.2" stroke-linecap="round" stroke-linejoin="round" opacity="0.95">
<!-- A set of long, continuous looping paths spanning the silhouette -->
<path d="M -40 240
C 70 140, 170 360, 290 250
S 520 120, 610 245
S 820 410, 940 250" />
<path d="M -60 330
C 80 220, 190 470, 320 340
S 560 200, 650 355
S 840 560, 980 360" />
<path d="M -80 420
C 90 320, 210 560, 350 440
S 590 320, 700 475
S 850 640, 980 470" />
<path d="M -30 520
C 120 430, 250 650, 390 520
S 610 420, 730 560
S 850 670, 960 590" />
<path d="M 40 120
C 170 40, 240 240, 360 150
S 560 40, 650 160
S 760 340, 900 180" />
<path d="M 10 190
C 160 120, 260 310, 390 210
S 590 120, 690 240
S 790 420, 930 260" />
<!-- Intertwined "figure-eight" style loops -->
<path d="M 120 300
C 170 240, 260 240, 300 300
C 340 360, 260 395, 220 350
C 180 305, 250 270, 300 320
C 350 370, 270 450, 190 420
C 110 390, 80 340, 120 300 Z"
opacity="0.55" stroke-width="3.2"/>
<path d="M 520 230
C 575 170, 670 175, 710 235
C 750 295, 665 335, 620 285
C 575 235, 650 205, 705 260
C 760 315, 690 410, 600 390
C 510 370, 475 295, 520 230 Z"
opacity="0.55" stroke-width="3.2"/>
<!-- Additional long loops to densify the pattern -->
<path d="M -50 260
C 90 360, 170 120, 310 220
S 520 420, 650 280
S 820 120, 980 260" opacity="0.85"/>
<path d="M -70 360
C 120 470, 210 210, 360 320
S 580 520, 720 380
S 840 210, 980 350" opacity="0.85"/>
<path d="M -60 460
C 140 590, 250 300, 410 430
S 610 610, 760 470
S 860 320, 980 450" opacity="0.85"/>
<!-- Slightly thinner secondary strands -->
<g stroke-width="2.6" opacity="0.75">
<path d="M -40 210
C 110 260, 170 170, 290 210
S 520 320, 640 230
S 820 140, 980 220"/>
<path d="M -40 300
C 120 360, 210 250, 330 300
S 560 430, 690 330
S 840 240, 980 310"/>
<path d="M -40 390
C 130 470, 240 340, 360 400
S 590 540, 720 420
S 860 320, 980 400"/>
<path d="M -40 480
C 140 580, 270 430, 390 500
S 610 630, 750 500
S 880 400, 980 490"/>
</g>
<!-- A few localized swirls to emphasize "continuous looping" -->
<g stroke-width="3.0" opacity="0.7">
<path d="M 250 470
C 210 430, 220 380, 270 365
C 330 345, 375 400, 350 450
C 325 500, 260 520, 240 485
C 220 450, 265 430, 295 455
C 325 480, 305 520, 270 525
C 230 530, 190 490, 200 450
C 215 390, 305 385, 330 420" />
<path d="M 585 480
C 545 440, 555 390, 605 375
C 665 355, 710 410, 685 460
C 660 510, 595 530, 575 495
C 555 460, 600 440, 630 465
C 660 490, 640 530, 605 535
C 565 540, 525 500, 535 460
C 550 400, 640 395, 665 430" />
</g>
</g>
</g>
</svg>