Showing: full SVG
Concept Groups
central black body with yellow wavy lines: 0 1 2
background of yellow wavy lines: 3
Elements — click to highlight
| # | Tag | Concept | Purity | Contributions |
|---|---|---|---|---|
| 0 | rect |
central black body w |
1.000
|
0.000 0.000 |
| 1 | path |
central black body w |
1.000
|
0.869 0.000 |
| 2 | mask |
central black body w |
1.000
|
0.000 0.000 |
| 3 | rect |
background of yellow |
0.884
|
0.131 1.000 |
SVG Code
<svg width="500" height="500" viewBox="0 0 500 500" xmlns="http://www.w3.org/2000/svg">
<!-- Background -->
<rect width="100%" height="100%" fill="white" />
<!-- Black silhouette shape (irregular outline) -->
<path d="M50,100
C100,50 200,80 250,150
C300,200 350,180 400,250
C450,300 420,380 350,400
C300,420 200,400 150,350
C100,300 80,200 50,100 Z"
fill="black" />
<!-- Yellow-orange dynamic pattern -->
<defs>
<pattern id="dynamicPattern" patternUnits="userSpaceOnUse" width="20" height="20">
<path d="M 0 10 Q 5 5 10 10 T 20 10"
stroke="#FFA500"
stroke-width="2"
fill="none"
stroke-linecap="round" />
</pattern>
</defs>
<!-- Apply pattern to the silhouette -->
<mask id="silhouetteMask">
<rect width="100%" height="100%" fill="white" />
<path d="M50,100
C100,50 200,80 250,150
C300,200 350,180 400,250
C450,300 420,380 350,400
C300,420 200,400 150,350
C100,300 80,200 50,100 Z"
fill="black" />
</mask>
<!-- Overlay pattern over the silhouette -->
<rect width="100%" height="100%" fill="url(#dynamicPattern)" mask="url(#silhouetteMask)" />
</svg>