Showing: full SVG
Concept Groups
black brush stroke: 0 1 5 6 9 10 11 13 14 15
textured edge: 2 3 4 7 8 12 16 17 18 19 20 21
Elements — click to highlight
| # | Tag | Concept | Purity | Contributions |
|---|---|---|---|---|
| 0 | rect |
black brush stroke |
1.000
|
0.000 0.000 |
| 1 | path |
black brush stroke |
0.511
|
0.886 0.848 |
| 2 | path |
textured edge |
1.000
|
0.000 0.010 |
| 3 | path |
textured edge |
1.000
|
0.000 0.006 |
| 4 | path |
textured edge |
1.000
|
0.000 0.010 |
| 5 | path |
black brush stroke |
0.658
|
0.017 0.009 |
| 6 | path |
black brush stroke |
0.601
|
0.018 0.012 |
| 7 | path |
textured edge |
1.000
|
0.000 0.012 |
| 8 | path |
textured edge |
1.000
|
0.000 0.011 |
| 9 | path |
black brush stroke |
0.519
|
0.018 0.017 |
| 10 | path |
black brush stroke |
0.503
|
0.021 0.021 |
| 11 | path |
black brush stroke |
0.517
|
0.019 0.018 |
| 12 | path |
textured edge |
0.564
|
0.011 0.014 |
| 13 | path |
black brush stroke |
0.541
|
0.007 0.006 |
| 14 | ellipse |
black brush stroke |
0.578
|
0.002 0.001 |
| 15 | ellipse |
black brush stroke |
0.647
|
0.000 0.000 |
| 16 | circle |
textured edge |
1.000
|
0.000 0.001 |
| 17 | circle |
textured edge |
1.000
|
0.000 0.001 |
| 18 | circle |
textured edge |
1.000
|
0.000 0.001 |
| 19 | circle |
textured edge |
1.000
|
0.000 0.001 |
| 20 | circle |
textured edge |
1.000
|
0.000 0.001 |
| 21 | circle |
textured edge |
1.000
|
0.000 0.001 |
SVG Code
<svg width="400" height="150" viewBox="0 0 400 150" xmlns="http://www.w3.org/2000/svg">
<rect width="100%" height="100%" fill="white"/>
<!-- Main brush stroke body with rough edges -->
<path d="M 20 75
Q 25 65, 40 68
Q 60 62, 80 70
Q 100 64, 120 72
Q 140 66, 160 69
Q 180 63, 200 71
Q 220 65, 240 68
Q 260 62, 280 70
Q 300 64, 320 67
Q 340 61, 360 69
Q 375 65, 380 70
L 385 75
Q 380 82, 375 85
Q 360 92, 340 88
Q 320 94, 300 87
Q 280 93, 260 86
Q 240 92, 220 85
Q 200 91, 180 87
Q 160 93, 140 86
Q 120 92, 100 85
Q 80 91, 60 84
Q 40 90, 25 85
Q 18 82, 15 78
Z"
fill="black"/>
<!-- Additional texture - upper rough edge details -->
<path d="M 35 68 Q 38 58, 45 62 Q 52 55, 58 63" fill="black"/>
<path d="M 95 64 Q 100 54, 108 60 Q 115 52, 120 62" fill="black"/>
<path d="M 155 66 Q 162 56, 170 61 Q 178 53, 182 64" fill="black"/>
<path d="M 215 63 Q 222 53, 230 59 Q 238 51, 245 62" fill="black"/>
<path d="M 275 65 Q 282 55, 290 60 Q 298 52, 305 63" fill="black"/>
<path d="M 335 64 Q 342 54, 350 59 Q 358 51, 365 62" fill="black"/>
<!-- Lower rough edge details -->
<path d="M 50 88 Q 55 96, 62 92 Q 70 100, 78 90" fill="black"/>
<path d="M 110 90 Q 118 98, 125 93 Q 133 102, 142 89" fill="black"/>
<path d="M 175 91 Q 183 99, 190 94 Q 198 103, 208 88" fill="black"/>
<path d="M 235 89 Q 243 97, 250 92 Q 258 101, 268 87" fill="black"/>
<path d="M 295 90 Q 303 98, 310 93 Q 318 102, 328 88" fill="black"/>
<path d="M 355 87 Q 362 95, 368 90 Q 374 97, 378 86" fill="black"/>
<!-- Splatter and texture effects -->
<ellipse cx="28" cy="72" rx="8" ry="5" fill="black"/>
<ellipse cx="378" cy="77" rx="6" ry="4" fill="black"/>
<circle cx="45" cy="58" r="2" fill="black"/>
<circle cx="172" cy="54" r="2.5" fill="black"/>
<circle cx="305" cy="56" r="2" fill="black"/>
<circle cx="85" cy="97" r="2" fill="black"/>
<circle cx="225" cy="100" r="2.5" fill="black"/>
<circle cx="350" cy="96" r="2" fill="black"/>
</svg>