41 lines
2.0 KiB
XML
41 lines
2.0 KiB
XML
|
<svg width="128" height="128" viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg">
|
||
|
|
<defs>
|
||
|
|
<radialGradient id="ringGradient" cx="50%" cy="50%" r="50%">
|
||
|
|
<stop offset="0%" style="stop-color:#00ffff;stop-opacity:0" />
|
||
|
|
<stop offset="40%" style="stop-color:#00ffff;stop-opacity:0" />
|
||
|
|
<stop offset="45%" style="stop-color:#00ffff;stop-opacity:0.8" />
|
||
|
|
<stop offset="55%" style="stop-color:#0088ff;stop-opacity:1" />
|
||
|
|
<stop offset="60%" style="stop-color:#00ffff;stop-opacity:0.8" />
|
||
|
|
<stop offset="100%" style="stop-color:#00ffff;stop-opacity:0" />
|
||
|
|
</radialGradient>
|
||
|
|
<linearGradient id="ringLinear" x1="0%" y1="0%" x2="100%" y2="100%">
|
||
|
|
<stop offset="0%" style="stop-color:#00ffff;stop-opacity:0.3" />
|
||
|
|
<stop offset="25%" style="stop-color:#0088ff;stop-opacity:0.8" />
|
||
|
|
<stop offset="50%" style="stop-color:#00ffff;stop-opacity:1" />
|
||
|
|
<stop offset="75%" style="stop-color:#0088ff;stop-opacity:0.8" />
|
||
|
|
<stop offset="100%" style="stop-color:#00ffff;stop-opacity:0.3" />
|
||
|
|
</linearGradient>
|
||
|
|
<filter id="ringGlow">
|
||
|
|
<feGaussianBlur stdDeviation="2" result="coloredBlur"/>
|
||
|
|
<feMerge>
|
||
|
|
<feMergeNode in="coloredBlur"/>
|
||
|
|
<feMergeNode in="SourceGraphic"/>
|
||
|
|
</feMerge>
|
||
|
|
</filter>
|
||
|
|
</defs>
|
||
|
|
|
||
|
|
<!-- 外环 -->
|
||
|
|
<circle cx="64" cy="64" r="58" fill="none" stroke="url(#ringLinear)" stroke-width="4" opacity="0.6" filter="url(#ringGlow)"/>
|
||
|
|
|
||
|
|
<!-- 中环 -->
|
||
|
|
<circle cx="64" cy="64" r="48" fill="none" stroke="url(#ringLinear)" stroke-width="3" opacity="0.8" filter="url(#ringGlow)"/>
|
||
|
|
|
||
|
|
<!-- 内环 -->
|
||
|
|
<circle cx="64" cy="64" r="38" fill="none" stroke="url(#ringLinear)" stroke-width="2" opacity="1" filter="url(#ringGlow)"/>
|
||
|
|
|
||
|
|
<!-- 装饰点 -->
|
||
|
|
<circle cx="122" cy="64" r="3" fill="#00ffff" opacity="0.8"/>
|
||
|
|
<circle cx="64" cy="6" r="2" fill="#0088ff" opacity="0.6"/>
|
||
|
|
<circle cx="6" cy="64" r="2" fill="#00ffff" opacity="0.7"/>
|
||
|
|
<circle cx="64" cy="122" r="2" fill="#0088ff" opacity="0.5"/>
|
||
|
|
</svg>
|