54 lines
2.7 KiB
XML
54 lines
2.7 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" width="200" height="200">
|
|
<defs>
|
|
<!-- Rough paper texture -->
|
|
<filter id="paper" x="0%" y="0%" width="100%" height="100%">
|
|
<feTurbulence type="fractalNoise" baseFrequency="0.65" numOctaves="3" result="noise"/>
|
|
<feColorMatrix type="saturate" values="0" in="noise" result="gray"/>
|
|
<feBlend in="SourceGraphic" in2="gray" mode="multiply" result="inked"/>
|
|
</filter>
|
|
|
|
<!-- Brush edge roughness -->
|
|
<filter id="brush" x="-5%" y="-5%" width="110%" height="110%">
|
|
<feTurbulence type="fractalNoise" baseFrequency="0.06" numOctaves="5" seed="3" result="noise"/>
|
|
<feDisplacementMap in="SourceGraphic" in2="noise" scale="2.5" xChannelSelector="R" yChannelSelector="G"/>
|
|
</filter>
|
|
</defs>
|
|
|
|
<!-- Black rounded background -->
|
|
<rect x="8" y="8" width="184" height="184" rx="42" ry="42" fill="#0d0d0d"/>
|
|
|
|
<!-- Outer glow ring -->
|
|
<rect x="8" y="8" width="184" height="184" rx="42" ry="42" fill="none" stroke="#333" stroke-width="0.5"/>
|
|
|
|
<!-- F — expressive calligraphic stroke -->
|
|
<g filter="url(#brush)" fill="none" stroke="#f0f0f0" stroke-linecap="round" stroke-linejoin="round">
|
|
<!-- Main vertical with slight S-curve -->
|
|
<path d="M 54 30 C 52 65, 56 110, 53 168" stroke-width="6"/>
|
|
<!-- Top arm — swooping up and right -->
|
|
<path d="M 53 34 C 63 32, 80 29, 102 34" stroke-width="5.5"/>
|
|
<!-- Top arm underline accent -->
|
|
<path d="M 56 39 C 72 38, 88 36, 98 39" stroke-width="2" opacity="0.5"/>
|
|
<!-- Middle arm — shorter, with a slight dip -->
|
|
<path d="M 53 96 C 62 94, 78 92, 89 97" stroke-width="4.5"/>
|
|
<!-- Terminal flick at bottom -->
|
|
<path d="M 53 168 C 50 172, 48 176, 50 180" stroke-width="2" opacity="0.5"/>
|
|
</g>
|
|
|
|
<!-- K — more dynamic, angular with sweeping diagonals -->
|
|
<g filter="url(#brush)" fill="none" stroke="#f0f0f0" stroke-linecap="round" stroke-linejoin="round">
|
|
<!-- Main vertical — confident straight line with slight lean -->
|
|
<path d="M 112 30 C 110 64, 111 120, 113 168" stroke-width="6"/>
|
|
<!-- Upper diagonal — sweeping up to the right then down to meet the stem -->
|
|
<path d="M 162 30 C 150 38, 132 60, 114 98" stroke-width="5"/>
|
|
<!-- Accent on the upper diagonal -->
|
|
<path d="M 162 35 C 152 42, 138 62, 120 92" stroke-width="2" opacity="0.4"/>
|
|
<!-- Lower diagonal — cutting down and right -->
|
|
<path d="M 113 100 C 127 118, 142 144, 158 170" stroke-width="5"/>
|
|
<!-- Accent on the lower diagonal -->
|
|
<path d="M 118 104 C 130 120, 144 142, 153 162" stroke-width="2" opacity="0.4"/>
|
|
</g>
|
|
|
|
<!-- Subtle paper texture overlay -->
|
|
<rect x="8" y="8" width="184" height="184" rx="42" ry="42" fill="none" filter="url(#paper)" opacity="0.06"/>
|
|
</svg>
|