Showing: full SVG
Concept Groups
textured: 0
uneven: 1
Elements — click to highlight
| # | Tag | Concept | Purity | Contributions |
|---|---|---|---|---|
| 0 | path |
textured |
0.500
|
0.997 0.997 |
| 1 | path |
uneven |
0.501
|
0.003 0.003 |
SVG Code
<svg width="500" height="100" viewBox="0 0 500 100" xmlns="http://www.w3.org/2000/svg">
<defs>
<!-- Define a texture pattern to simulate hand-painted edges -->
<pattern id="texture" x="0" y="0" width="10" height="10" patternUnits="userSpaceOnUse">
<circle cx="2" cy="2" r="1" fill="rgba(0,0,0,0.1)" />
<circle cx="8" cy="6" r="1" fill="rgba(0,0,0,0.1)" />
<circle cx="4" cy="9" r="1" fill="rgba(0,0,0,0.1)" />
<circle cx="9" cy="2" r="1" fill="rgba(0,0,0,0.1)" />
</pattern>
</defs>
<!-- Main brushstroke with uneven edges using a path with slight variations -->
<path d="
M 0 40
C 50 30, 100 50, 150 45
C 200 40, 250 60, 300 50
C 350 40, 400 65, 450 55
C 500 45, 500 60, 500 60
L 500 70
C 450 80, 400 60, 350 70
C 300 80, 250 60, 200 70
C 150 80, 100 60, 50 70
C 0 80, 0 60, 0 60
Z"
fill="yellow" />
<!-- Overlay texture for hand-painted effect -->
<path d="
M 0 40
C 50 30, 100 50, 150 45
C 200 40, 250 60, 300 50
C 350 40, 400 65, 450 55
C 500 45, 500 60, 500 60
L 500 70
C 450 80, 400 60, 350 70
C 300 80, 250 60, 200 70
C 150 80, 100 60, 50 70
C 0 80, 0 60, 0 60
Z"
fill="url(#texture)" opacity="0.3" />
</svg>