67 lines
2.9 KiB
XML
67 lines
2.9 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48" height="48">
|
|
<defs>
|
|
<!-- 主渐变：紫到蓝 -->
|
|
<linearGradient id="hexGrad" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
<stop offset="0%" stop-color="#6C63FF"/>
|
|
<stop offset="50%" stop-color="#5B52E0"/>
|
|
<stop offset="100%" stop-color="#3F8BFC"/>
|
|
</linearGradient>
|
|
<!-- 内部渐变 -->
|
|
<linearGradient id="innerGrad" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
<stop offset="0%" stop-color="#8B83FF"/>
|
|
<stop offset="100%" stop-color="#6EA8FE"/>
|
|
</linearGradient>
|
|
<!-- 发光效果 -->
|
|
<radialGradient id="glow" cx="50%" cy="50%" r="50%">
|
|
<stop offset="0%" stop-color="#FFFFFF" stop-opacity="0.2"/>
|
|
<stop offset="100%" stop-color="#FFFFFF" stop-opacity="0"/>
|
|
</radialGradient>
|
|
<!-- 阴影 -->
|
|
<filter id="shadow" x="-20%" y="-20%" width="140%" height="140%">
|
|
<feDropShadow dx="0" dy="2" stdDeviation="3" flood-color="#3F8BFC" flood-opacity="0.3"/>
|
|
</filter>
|
|
</defs>
|
|
|
|
<!-- 外层六边形 - 发光底座 -->
|
|
<polygon points="24,3 42,13.5 42,34.5 24,45 6,34.5 6,13.5"
|
|
fill="url(#hexGrad)" filter="url(#shadow)"/>
|
|
|
|
<!-- 内层六边形 - 产生层次感 -->
|
|
<polygon points="24,7 38,15 38,33 24,41 10,33 10,15"
|
|
fill="url(#innerGrad)" opacity="0.3"/>
|
|
|
|
<!-- 中心工具符号 - 齿轮/扳手组合 -->
|
|
|
|
<!-- 齿轮外圈 -->
|
|
<circle cx="24" cy="23" r="10" fill="none" stroke="#FFFFFF" stroke-width="2" opacity="0.9"/>
|
|
|
|
<!-- 齿轮齿 -->
|
|
<rect x="22.5" y="10.5" width="3" height="4" rx="1" fill="#FFFFFF" opacity="0.9"/>
|
|
<rect x="22.5" y="31.5" width="3" height="4" rx="1" fill="#FFFFFF" opacity="0.9"/>
|
|
<rect x="11.5" y="21.5" width="4" height="3" rx="1" fill="#FFFFFF" opacity="0.9"/>
|
|
<rect x="32.5" y="21.5" width="4" height="3" rx="1" fill="#FFFFFF" opacity="0.9"/>
|
|
|
|
<!-- 对角齿 -->
|
|
<rect x="14" y="13" width="3" height="3.5" rx="1" fill="#FFFFFF" opacity="0.85"
|
|
transform="rotate(-30 15.5 14.75)"/>
|
|
<rect x="31" y="13" width="3" height="3.5" rx="1" fill="#FFFFFF" opacity="0.85"
|
|
transform="rotate(30 32.5 14.75)"/>
|
|
<rect x="14" y="31.5" width="3" height="3.5" rx="1" fill="#FFFFFF" opacity="0.85"
|
|
transform="rotate(30 15.5 33.25)"/>
|
|
<rect x="31" y="31.5" width="3" height="3.5" rx="1" fill="#FFFFFF" opacity="0.85"
|
|
transform="rotate(-30 32.5 33.25)"/>
|
|
|
|
<!-- 齿轮中心孔 -->
|
|
<circle cx="24" cy="23" r="4.5" fill="#5B52E0"/>
|
|
<circle cx="24" cy="23" r="3" fill="#3F8BFC" opacity="0.5"/>
|
|
|
|
<!-- 中心小点 -->
|
|
<circle cx="24" cy="23" r="1.5" fill="#FFFFFF" opacity="0.8"/>
|
|
|
|
<!-- 顶部发光层 -->
|
|
<polygon points="24,3 42,13.5 42,24 24,14 6,24 6,13.5"
|
|
fill="url(#glow)" opacity="0.5"/>
|
|
|
|
<!-- 右上角装饰弧线 -->
|
|
<path d="M35 8 Q40 12 38 18" fill="none" stroke="#FFFFFF" stroke-width="0.8" opacity="0.3" stroke-linecap="round"/>
|
|
</svg> |