dennisthiessen
e07da0f8f0
Wire the chosen brand mark as an SVG favicon and set theme-color to the void background.
57 lines
2.0 KiB
XML
57 lines
2.0 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" role="img" aria-label="Signal">
|
|
<defs>
|
|
<radialGradient id="void" cx="50%" cy="42%" r="70%">
|
|
<stop offset="0%" stop-color="#141622"/>
|
|
<stop offset="100%" stop-color="#0a0b11"/>
|
|
</radialGradient>
|
|
<radialGradient id="emberCore" cx="50%" cy="50%" r="50%">
|
|
<stop offset="0%" stop-color="#ffb199"/>
|
|
<stop offset="45%" stop-color="#ff6a45"/>
|
|
<stop offset="100%" stop-color="#e24a2a"/>
|
|
</radialGradient>
|
|
<radialGradient id="emberGlow" cx="50%" cy="50%" r="50%">
|
|
<stop offset="0%" stop-color="#ff6a45" stop-opacity="0.5"/>
|
|
<stop offset="55%" stop-color="#ff6a45" stop-opacity="0.1"/>
|
|
<stop offset="100%" stop-color="#ff6a45" stop-opacity="0"/>
|
|
</radialGradient>
|
|
<linearGradient id="rim" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
<stop offset="0%" stop-color="#9fd8e8"/>
|
|
<stop offset="45%" stop-color="#2f9db2"/>
|
|
<stop offset="100%" stop-color="#1a6f82"/>
|
|
</linearGradient>
|
|
<filter id="soft" x="-40%" y="-40%" width="180%" height="180%">
|
|
<feGaussianBlur stdDeviation="0.55" result="b"/>
|
|
<feMerge>
|
|
<feMergeNode in="b"/>
|
|
<feMergeNode in="SourceGraphic"/>
|
|
</feMerge>
|
|
</filter>
|
|
</defs>
|
|
|
|
<rect width="32" height="32" rx="7" fill="url(#void)"/>
|
|
|
|
<circle cx="16" cy="16" r="11.2" fill="none" stroke="#2f9db2" stroke-opacity="0.18" stroke-width="0.75"/>
|
|
<circle cx="16" cy="16" r="8.4" fill="none" stroke="#2f9db2" stroke-opacity="0.28" stroke-width="0.85"/>
|
|
|
|
<path
|
|
d="M 7.4 18.8 A 9.2 9.2 0 0 1 24.6 13.2"
|
|
fill="none"
|
|
stroke="url(#rim)"
|
|
stroke-width="1.55"
|
|
stroke-linecap="round"
|
|
opacity="0.95"
|
|
/>
|
|
<path
|
|
d="M 8.2 20.1 A 9.2 9.2 0 0 1 23.5 14.4"
|
|
fill="none"
|
|
stroke="#6ec9db"
|
|
stroke-width="0.55"
|
|
stroke-linecap="round"
|
|
opacity="0.35"
|
|
/>
|
|
|
|
<circle cx="16" cy="16" r="9.5" fill="url(#emberGlow)"/>
|
|
<circle cx="16" cy="16" r="4" fill="url(#emberCore)" filter="url(#soft)"/>
|
|
<circle cx="15.2" cy="15" r="1.25" fill="#ffe0d4" opacity="0.55"/>
|
|
</svg>
|