Showing: full SVG
Concept Groups
blue-green sparkle shapes: 0
top left:
bottom right: 1
Elements — click to highlight
| # | Tag | Concept | Purity | Contributions |
|---|---|---|---|---|
| 0 | use |
blue-green sparkle s |
0.348
|
0.765 0.723 0.713 |
| 1 | use |
bottom right |
0.359
|
0.235 0.277 0.287 |
SVG Code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512">
<!-- Step-by-step analysis (as comments):
1) Transparent background: no background rect is drawn.
2) Two sparkle/star shapes: each is an 8-point stylized sparkle with curved sides.
3) Color: blue-green/teal fill for both shapes.
4) Placement: larger sparkle toward top-left; smaller sparkle toward bottom-right.
5) Style: smooth curved edges meeting at sharp points (implemented via quadratic curves).
-->
<defs>
<!-- A reusable 8-point curved sparkle path centered at (0,0) -->
<path id="sparkle8"
d="
M 0,-100
Q 18,-58 60,-60
Q 58,-18 100,0
Q 58,18 60,60
Q 18,58 0,100
Q -18,58 -60,60
Q -58,18 -100,0
Q -58,-18 -60,-60
Q -18,-58 0,-100
Z" />
</defs>
<!-- Larger sparkle (top-left) -->
<g transform="translate(170 150) scale(1.35)">
<use href="#sparkle8" fill="#2FB7B2"/>
</g>
<!-- Smaller sparkle (bottom-right) -->
<g transform="translate(365 360) scale(0.75)">
<use href="#sparkle8" fill="#2FB7B2"/>
</g>
</svg>