astro-yukunhh-blog/public/favicon.svg

54 lines
2.1 KiB
XML
Raw Normal View History

<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
<defs>
<!-- 背景径向渐变 -->
<radialGradient id="bgGrad" cx="50%" cy="50%" r="50%">
<stop offset="0%" stop-color="#1e293b" />
<stop offset="100%" stop-color="#0f172a" />
</radialGradient>
<!-- 中心光晕 -->
<radialGradient id="glow" cx="50%" cy="50%" r="50%">
<stop offset="0%" stop-color="#3b82f6" stop-opacity="0.15" />
<stop offset="100%" stop-color="#3b82f6" stop-opacity="0" />
</radialGradient>
<!-- 文字渐变(蓝→紫) -->
<linearGradient id="textGrad" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#60a5fa" />
<stop offset="100%" stop-color="#a78bfa" />
</linearGradient>
<!-- 文字投影滤镜 -->
<filter id="shadow" x="-10%" y="-10%" width="120%" height="120%">
<feDropShadow dx="0" dy="4" stdDeviation="8" flood-color="#000" flood-opacity="0.6" />
</filter>
</defs>
<!-- 圆形背景 -->
<circle cx="256" cy="256" r="240" fill="url(#bgGrad)" />
<!-- 光晕 -->
<circle cx="256" cy="256" r="200" fill="url(#glow)" />
<!-- 神经网络连接线6条辐射线 -->
<g stroke="#3b82f6" stroke-width="2" opacity="0.3">
<line x1="256" y1="256" x2="406" y2="256" />
<line x1="256" y1="256" x2="331" y2="386" />
<line x1="256" y1="256" x2="181" y2="386" />
<line x1="256" y1="256" x2="106" y2="256" />
<line x1="256" y1="256" x2="181" y2="126" />
<line x1="256" y1="256" x2="331" y2="126" />
</g>
<!-- 神经网络节点6个小圆 -->
<g fill="#60a5fa" opacity="0.8">
<circle cx="406" cy="256" r="10" />
<circle cx="331" cy="386" r="10" />
<circle cx="181" cy="386" r="10" />
<circle cx="106" cy="256" r="10" />
<circle cx="181" cy="126" r="10" />
<circle cx="331" cy="126" r="10" />
</g>
<!-- 核心文字:<Σ> 代表代码、数学与AI的融合 -->
<text x="256" y="296" font-family="'Courier New', monospace" font-size="140" font-weight="bold" fill="url(#textGrad)" text-anchor="middle" filter="url(#shadow)">
&lt;Σ&gt;
</text>
</svg>