Showing: full SVG
Concept Groups
orange asterisk brushstrokes: 2 3 4 5 10 11 12 13
dynamic mark: 0 1 6 7 8 9 14 15
Elements — click to highlight
| # | Tag | Concept | Purity | Contributions |
|---|---|---|---|---|
| 0 | use |
dynamic mark |
0.565
|
0.124 0.161 |
| 1 | use |
dynamic mark |
0.522
|
0.009 0.009 |
| 2 | use |
orange asterisk brus |
0.526
|
0.119 0.107 |
| 3 | use |
orange asterisk brus |
0.552
|
0.009 0.008 |
| 4 | use |
orange asterisk brus |
0.541
|
0.114 0.097 |
| 5 | use |
orange asterisk brus |
0.573
|
0.009 0.006 |
| 6 | use |
dynamic mark |
0.533
|
0.126 0.143 |
| 7 | use |
dynamic mark |
0.560
|
0.014 0.018 |
| 8 | use |
dynamic mark |
0.510
|
0.129 0.134 |
| 9 | use |
dynamic mark |
0.523
|
0.017 0.018 |
| 10 | use |
orange asterisk brus |
0.555
|
0.138 0.111 |
| 11 | use |
orange asterisk brus |
0.526
|
0.017 0.015 |
| 12 | use |
orange asterisk brus |
0.527
|
0.138 0.123 |
| 13 | use |
orange asterisk brus |
0.506
|
0.017 0.017 |
| 14 | path |
dynamic mark |
0.597
|
0.013 0.019 |
| 15 | path |
dynamic mark |
0.618
|
0.007 0.012 |
SVG Code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512">
<!-- Step-by-Step Analysis (as SVG comments)
1) Subject: a vibrant orange asterisk-like symbol.
2) Structure: seven distinct strokes radiating from a central point (roughly evenly spaced).
3) Style: thick brushstrokes with painterly texture; rough, energetic edges; hand-drawn feel.
4) Background: transparent (no rect background).
5) Execution approach: draw 7 tapered, irregular strokes (filled paths) rotated around center,
add subtle texture using low-opacity highlights/shadows and a slight grain filter.
-->
<defs>
<!-- Subtle grain to emulate painterly texture -->
<filter id="grain" x="-20%" y="-20%" width="140%" height="140%">
<feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="2" seed="7" result="noise"/>
<feColorMatrix type="matrix" values="
1 0 0 0 0
0 1 0 0 0
0 0 1 0 0
0 0 0 0.18 0" result="noiseAlpha"/>
<feComposite in="noiseAlpha" in2="SourceGraphic" operator="in" result="maskedNoise"/>
<feBlend in="SourceGraphic" in2="maskedNoise" mode="multiply"/>
</filter>
<!-- A slightly darker orange for edge/shadow texture -->
<linearGradient id="strokeShade" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" stop-color="#ff7a00"/>
<stop offset="1" stop-color="#e85f00"/>
</linearGradient>
<!-- A warm highlight to add brush variation -->
<linearGradient id="strokeHighlight" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#ffb14a" stop-opacity="0.55"/>
<stop offset="1" stop-color="#ffb14a" stop-opacity="0"/>
</linearGradient>
<!-- Base brushstroke shape (pointing upward), intentionally irregular edges -->
<path id="brushStroke" d="
M 256 108
C 244 114, 238 130, 241 148
C 244 168, 250 186, 248 206
C 246 226, 238 244, 241 266
C 244 288, 252 306, 250 326
C 248 346, 240 366, 246 386
C 252 406, 266 420, 279 418
C 292 416, 296 398, 292 380
C 288 362, 282 346, 284 326
C 286 306, 294 288, 291 266
C 288 244, 280 226, 282 206
C 284 186, 292 168, 289 148
C 286 128, 276 112, 256 108
Z
"/>
<!-- Slightly ragged overlay to create rough edges -->
<path id="brushRag" d="
M 256 116
C 247 122, 244 134, 246 150
C 249 170, 255 186, 253 206
C 251 228, 244 246, 247 266
C 250 286, 257 304, 255 324
C 253 346, 246 366, 252 384
C 258 402, 270 412, 279 410
C 288 408, 290 394, 287 378
C 284 360, 278 346, 280 326
C 282 304, 289 286, 286 266
C 283 246, 276 228, 278 206
C 280 186, 287 170, 285 150
C 283 132, 274 120, 256 116
Z
"/>
</defs>
<!-- Group the seven strokes around center -->
<g filter="url(#grain)">
<!-- Angles chosen to feel hand-placed rather than perfectly uniform -->
<!-- 1 -->
<g transform="rotate(-2 256 256)">
<use href="#brushStroke" fill="url(#strokeShade)"/>
<use href="#brushRag" fill="url(#strokeHighlight)"/>
</g>
<!-- 2 -->
<g transform="rotate(49 256 256) translate(0 2)">
<use href="#brushStroke" fill="url(#strokeShade)"/>
<use href="#brushRag" fill="url(#strokeHighlight)"/>
</g>
<!-- 3 -->
<g transform="rotate(101 256 256) translate(1 -1)">
<use href="#brushStroke" fill="url(#strokeShade)"/>
<use href="#brushRag" fill="url(#strokeHighlight)"/>
</g>
<!-- 4 -->
<g transform="rotate(154 256 256) translate(-2 1)">
<use href="#brushStroke" fill="url(#strokeShade)"/>
<use href="#brushRag" fill="url(#strokeHighlight)"/>
</g>
<!-- 5 -->
<g transform="rotate(206 256 256) translate(2 0)">
<use href="#brushStroke" fill="url(#strokeShade)"/>
<use href="#brushRag" fill="url(#strokeHighlight)"/>
</g>
<!-- 6 -->
<g transform="rotate(258 256 256) translate(-1 -2)">
<use href="#brushStroke" fill="url(#strokeShade)"/>
<use href="#brushRag" fill="url(#strokeHighlight)"/>
</g>
<!-- 7 -->
<g transform="rotate(309 256 256) translate(1 2)">
<use href="#brushStroke" fill="url(#strokeShade)"/>
<use href="#brushRag" fill="url(#strokeHighlight)"/>
</g>
<!-- Central dab to unify the strokes -->
<path d="
M 256 220
C 230 220, 210 240, 210 258
C 210 284, 236 304, 258 304
C 286 304, 304 280, 304 258
C 304 236, 282 220, 256 220
Z
" fill="#ff7a00" opacity="0.95"/>
<path d="
M 256 228
C 238 228, 224 242, 224 258
C 224 276, 242 290, 258 290
C 278 290, 290 274, 290 258
C 290 242, 274 228, 256 228
Z
" fill="#ffb14a" opacity="0.25"/>
</g>
</svg>