Files
JChargePointProtocol/jcpp-web-ui/src/assets/icons/logo192.svg

79 lines
3.5 KiB
XML
Raw Normal View History

<svg width="192" height="192" viewBox="0 0 192 192" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="tableGradient" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#2F8B3F;stop-opacity:1" />
<stop offset="50%" style="stop-color:#1B8B3A;stop-opacity:1" />
<stop offset="100%" style="stop-color:#0F6B2F;stop-opacity:1" />
</linearGradient>
<linearGradient id="pileGradient" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#FFFFFF;stop-opacity:1" />
<stop offset="100%" style="stop-color:#F0F0F0;stop-opacity:1" />
</linearGradient>
<filter id="shadow" x="-20%" y="-20%" width="140%" height="140%">
<feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
<feOffset dx="2" dy="4" result="offset"/>
<feFlood color="#00000040"/>
<feComposite in2="offset" operator="in"/>
<feMerge>
<feMergeNode/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
</defs>
<!-- 麻将桌背景 (圆角矩形) -->
<rect x="15.36" y="15.36" width="161.28" height="161.28"
rx="28.799999999999997" ry="28.799999999999997"
fill="url(#tableGradient)"
stroke="#0F6B2F"
stroke-width="1.92"
filter="url(#shadow)"/>
<!-- 麻将桌边框装饰 -->
<rect x="23.04" y="23.04" width="145.92000000000002" height="145.92000000000002"
rx="23.04" ry="23.04"
fill="none"
stroke="#4CAF50"
stroke-width="1.536"
opacity="0.6"/>
<!-- 左边充电桩 -->
<g filter="url(#shadow)">
<rect x="48" y="67.19999999999999" width="15.36" height="76.80000000000001"
rx="3.84" fill="url(#pileGradient)" stroke="#CCCCCC" stroke-width="0.96"/>
<rect x="42.24" y="138.24" width="26.880000000000003" height="11.52"
rx="2.88" fill="url(#pileGradient)" stroke="#CCCCCC" stroke-width="0.96"/>
<!-- 充电口 -->
<circle cx="55.67999999999999" cy="86.4" r="2.88" fill="#333"/>
<circle cx="55.67999999999999" cy="105.60000000000001" r="2.88" fill="#333"/>
</g>
<!-- 中间充电桩 (稍高一些) -->
<g filter="url(#shadow)">
<rect x="88.32000000000001" y="53.760000000000005" width="15.36" height="96"
rx="3.84" fill="url(#pileGradient)" stroke="#CCCCCC" stroke-width="0.96"/>
<rect x="82.56" y="144" width="26.880000000000003" height="11.52"
rx="2.88" fill="url(#pileGradient)" stroke="#CCCCCC" stroke-width="0.96"/>
<!-- 充电口 -->
<circle cx="96" cy="76.80000000000001" r="2.88" fill="#333"/>
<circle cx="96" cy="96" r="2.88" fill="#333"/>
<circle cx="96" cy="115.19999999999999" r="2.88" fill="#333"/>
</g>
<!-- 右边充电桩 -->
<g filter="url(#shadow)">
<rect x="128.64000000000001" y="67.19999999999999" width="15.36" height="76.80000000000001"
rx="3.84" fill="url(#pileGradient)" stroke="#CCCCCC" stroke-width="0.96"/>
<rect x="122.88" y="138.24" width="26.880000000000003" height="11.52"
rx="2.88" fill="url(#pileGradient)" stroke="#CCCCCC" stroke-width="0.96"/>
<!-- 充电口 -->
<circle cx="136.32" cy="86.4" r="2.88" fill="#333"/>
<circle cx="136.32" cy="105.60000000000001" r="2.88" fill="#333"/>
</g>
<!-- 充电桩顶部指示灯 -->
<circle cx="55.67999999999999" cy="71.03999999999999" r="1.92" fill="#52C41A" opacity="0.8"/>
<circle cx="96" cy="57.599999999999994" r="1.92" fill="#52C41A" opacity="0.8"/>
<circle cx="136.32" cy="71.03999999999999" r="1.92" fill="#52C41A" opacity="0.8"/>
</svg>