Showing: full SVG
Concept Groups
leftmost tip of black arrow: 0
rightmost arrowhead: 2
upper edge of arrow shaft: 1 4
lower edge of arrow shaft: 3
arrowhead's right-facing point:
Elements — click to highlight
| # | Tag | Concept | Purity | Contributions |
|---|---|---|---|---|
| 0 | rect |
leftmost tip of blac |
1.000
|
0.000 0.000 0.000 0.000 0.000 |
| 1 | path |
upper edge of arrow |
0.231
|
0.073 0.053 0.077 0.064 0.066 |
| 2 | polygon |
rightmost arrowhead |
0.256
|
0.476 0.568 0.383 0.388 0.406 |
| 3 | path |
lower edge of arrow |
0.225
|
0.227 0.188 0.266 0.275 0.264 |
| 4 | path |
upper edge of arrow |
0.223
|
0.225 0.192 0.274 0.273 0.265 |
SVG Code
<svg width="300" height="100" xmlns="http://www.w3.org/2000/svg">
<defs>
<!-- Define a rough stroke pattern for sketchy effect -->
<pattern id="roughStroke" patternUnits="userSpaceOnUse" width="4" height="4">
<path d="M0,0 L4,4 M4,0 L0,4" stroke="black" stroke-width="1" opacity="0.3"/>
</pattern>
</defs>
<!-- White background -->
<rect width="100%" height="100%" fill="white"/>
<!-- Arrow shaft with slight curve and rough edges -->
<path d="M20,50
C60,45 240,55 280,50
C240,45 60,55 20,50 Z"
fill="black"
stroke="none"/>
<!-- Arrowhead -->
<polygon points="280,50 260,40 260,60" fill="black"/>
<!-- Add some roughness manually using multiple paths -->
<path d="M20,50
C60,47 240,53 280,50"
stroke="black"
stroke-width="2"
fill="none"
stroke-linecap="round"
stroke-dasharray="2,2"/>
<path d="M20,50
C60,53 240,47 280,50"
stroke="black"
stroke-width="2"
fill="none"
stroke-linecap="round"
stroke-dasharray="2,2"/>
</svg>