Showing: full SVG
Concept Groups
yellow brushstroke:
textured: 0
uneven: 1
Elements — click to highlight
| # | Tag | Concept | Purity | Contributions |
|---|---|---|---|---|
| 0 | path |
textured |
0.334
|
0.918 0.920 0.916 |
| 1 | path |
uneven |
0.342
|
0.082 0.080 0.084 |
SVG Code
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 120">
<defs>
<!-- Filter to create the rough, hand-painted texture -->
<filter id="brush-texture" x="-10%" y="-20%" width="120%" height="150%">
<feTurbulence type="fractalNoise" baseFrequency="0.04 0.15" numOctaves="3" seed="5" result="noise" />
<feDisplacementMap in="SourceGraphic" in2="noise" scale="18" xChannelSelector="R" yChannelSelector="G" />
</filter>
</defs>
<!-- The main brushstroke shape -->
<!-- A slightly irregular path that acts as the base for the yellow stroke -->
<path
d="M 50,40
C 150,38 300,42 550,40
L 555,75
C 400,82 200,78 45,80
Z"
fill="#F7E017"
filter="url(#brush-texture)"
opacity="1"
/>
<!-- Secondary layer for a bit more "bristle" depth -->
<path
d="M 60,45
C 160,43 310,47 540,45
L 545,70
C 390,77 190,73 55,75
Z"
fill="#FFEA00"
filter="url(#brush-texture)"
opacity="0.8"
/>
</svg>