25 lines
1.1 KiB
XML
25 lines
1.1 KiB
XML
<svg width="150" height="200" viewBox="0 0 150 200" xmlns="http://www.w3.org/2000/svg">
|
|
<defs>
|
|
<linearGradient id="noteGradient" x1="0" y1="0" x2="1" y2="1">
|
|
<stop offset="0%" stop-color="#ff007f"/>
|
|
<stop offset="100%" stop-color="#7f00ff"/>
|
|
</linearGradient>
|
|
<radialGradient id="glow" cx="50%" cy="50%" r="50%">
|
|
<stop offset="0%" stop-color="#ffffff" stop-opacity="0.5"/>
|
|
<stop offset="100%" stop-color="#000000" stop-opacity="0"/>
|
|
</radialGradient>
|
|
</defs>
|
|
|
|
<!-- Note Stem -->
|
|
<path d="M110 20C110 12 104 6 96 6C88 6 82 12 82 20V106C76 102 66 100 56 104C40 110 32 126 38 142C44 158 60 168 76 162C90 157 96 144 94 130V62L110 58V20Z" fill="url(#noteGradient)" stroke="#000" stroke-width="3" />
|
|
|
|
<!-- Outer Glow Circle -->
|
|
<circle cx="66" cy="134" r="32" fill="url(#noteGradient)" stroke="black" stroke-width="5" />
|
|
|
|
<!-- Aggressive Tail -->
|
|
<path d="M110 58L132 50L132 26C132 16 122 8 112 8L110 20" fill="#7f00ff" stroke="#000" stroke-width="2"/>
|
|
|
|
<!-- Shine Highlight -->
|
|
<ellipse cx="92" cy="30" rx="8" ry="14" fill="white" opacity="0.2"/>
|
|
</svg>
|