Showing: full SVG
Concept Groups
orange asterisk brushstrokes: 4 5 6 7 8 10 12 13
dynamic mark: 0 1 2 3 9 11 14 15 16
Elements — click to highlight
| # | Tag | Concept | Purity | Contributions |
|---|---|---|---|---|
| 0 | path |
dynamic mark |
0.522
|
0.144 0.158 |
| 1 | path |
dynamic mark |
0.533
|
0.004 0.005 |
| 2 | path |
dynamic mark |
0.562
|
0.172 0.221 |
| 3 | path |
dynamic mark |
0.575
|
0.003 0.005 |
| 4 | path |
orange asterisk brus |
0.524
|
0.147 0.133 |
| 5 | path |
orange asterisk brus |
0.561
|
0.003 0.002 |
| 6 | path |
orange asterisk brus |
0.530
|
0.157 0.139 |
| 7 | path |
orange asterisk brus |
0.559
|
0.003 0.002 |
| 8 | path |
orange asterisk brus |
0.540
|
0.112 0.096 |
| 9 | path |
dynamic mark |
0.501
|
0.002 0.002 |
| 10 | path |
orange asterisk brus |
0.518
|
0.128 0.119 |
| 11 | path |
dynamic mark |
0.551
|
0.002 0.003 |
| 12 | path |
orange asterisk brus |
0.522
|
0.113 0.103 |
| 13 | path |
orange asterisk brus |
0.515
|
0.003 0.002 |
| 14 | circle |
dynamic mark |
0.588
|
0.006 0.008 |
| 15 | circle |
dynamic mark |
0.595
|
0.001 0.001 |
| 16 | path |
dynamic mark |
0.597
|
0.001 0.002 |
SVG Code
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" width="200" height="200">
<defs>
<filter id="roughEdge" x="-20%" y="-20%" width="140%" height="140%">
<feTurbulence type="fractalNoise" baseFrequency="0.04" numOctaves="3" result="noise"/>
<feDisplacementMap in="SourceGraphic" in2="noise" scale="3" xChannelSelector="R" yChannelSelector="G"/>
</filter>
</defs>
<!-- Center point at 100,100 -->
<!-- Stroke 1 - pointing up -->
<path d="M95,100 Q93,70 96,35 Q100,30 104,35 Q107,70 105,100 Z"
fill="#FF6B1A" filter="url(#roughEdge)"/>
<path d="M97,40 Q99,38 101,42 L103,65 Q100,68 97,65 Z"
fill="#FF8C42" opacity="0.7"/>
<!-- Stroke 2 - pointing down -->
<path d="M95,100 Q93,130 96,165 Q100,170 104,165 Q107,130 105,100 Z"
fill="#FF5500" filter="url(#roughEdge)"/>
<path d="M98,135 Q100,133 102,137 L103,155 Q100,158 98,155 Z"
fill="#FF7733" opacity="0.6"/>
<!-- Stroke 3 - pointing right -->
<path d="M100,95 Q130,93 165,96 Q170,100 165,104 Q130,107 100,105 Z"
fill="#FF6B1A" filter="url(#roughEdge)"/>
<path d="M140,98 Q142,100 138,102 L155,103 Q158,100 155,98 Z"
fill="#FF8C42" opacity="0.7"/>
<!-- Stroke 4 - pointing left -->
<path d="M100,95 Q70,93 35,96 Q30,100 35,104 Q70,107 100,105 Z"
fill="#FF5500" filter="url(#roughEdge)"/>
<path d="M45,98 Q43,100 47,102 L60,103 Q63,100 60,98 Z"
fill="#FF7733" opacity="0.6"/>
<!-- Stroke 5 - pointing upper-right -->
<path d="M103,97 Q125,75 150,50 Q155,50 155,55 Q130,80 107,103 Z"
fill="#FF6B1A" filter="url(#roughEdge)"/>
<path d="M135,62 Q138,60 140,64 L145,58 Q142,55 138,58 Z"
fill="#FF8C42" opacity="0.7"/>
<!-- Stroke 6 - pointing lower-left -->
<path d="M97,103 Q75,125 50,150 Q45,150 45,145 Q70,120 93,97 Z"
fill="#FF5500" filter="url(#roughEdge)"/>
<path d="M58,138 Q55,140 57,143 L52,148 Q56,150 58,146 Z"
fill="#FF7733" opacity="0.6"/>
<!-- Stroke 7 - pointing upper-left -->
<path d="M97,97 Q75,75 50,50 Q45,50 45,55 Q70,80 93,103 Z"
fill="#FF6B1A" filter="url(#roughEdge)"/>
<path d="M58,62 Q55,60 57,57 L52,52 Q56,50 58,54 Z"
fill="#FF8C42" opacity="0.7"/>
<!-- Central overlap area -->
<circle cx="100" cy="100" r="8" fill="#FF4500" filter="url(#roughEdge)"/>
<circle cx="99" cy="99" r="4" fill="#FF7733" opacity="0.5"/>
<!-- Additional texture strokes -->
<path d="M98,98 Q96,96 98,94 Q102,94 104,98 Q104,102 100,104 Q96,102 98,98"
fill="#E64A00" opacity="0.8"/>
</svg>