Showing: full SVG
Concept Groups
leftmost textured black segment: 0 1
rightmost textured black segment:
upper edge of the stroke:
lower edge of the stroke:
Elements — click to highlight
| # | Tag | Concept | Purity | Contributions |
|---|---|---|---|---|
| 0 | rect |
leftmost textured bl |
1.000
|
0.000 0.000 0.000 0.000 |
| 1 | path |
leftmost textured bl |
0.250
|
1.000 1.000 1.000 1.000 |
SVG Code
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 200" preserveAspectRatio="xMidYMid meet">
<defs>
<!-- Filter to create the rugged, hand-drawn brush texture -->
<filter id="brush-texture" x="-10%" y="-20%" width="120%" height="140%">
<!-- Generate high-frequency noise for the rough edges -->
<feTurbulence type="fractalNoise" baseFrequency="0.15" numOctaves="4" result="noise" />
<!-- Displace the edges of the shape based on the noise -->
<feDisplacementMap in="SourceGraphic" in2="noise" scale="18" xChannelSelector="R" yChannelSelector="G" />
</filter>
</defs>
<!-- Stark white background -->
<rect width="800" height="200" fill="#FFFFFF" />
<!-- The brush stroke: a slightly irregular horizontal path -->
<!-- The filter is applied to give it the organic, textured appearance -->
<path
d="M 80,90
C 150,85 250,95 400,90
C 550,85 650,95 720,90
L 725,115
C 650,110 550,120 400,115
C 250,110 150,120 75,115
Z"
fill="#000000"
filter="url(#brush-texture)"
/>
</svg>