This commit is contained in:
张威33321
2026-09-08 15:41:31 +08:00
parent b509b879a4
commit 594b462845
15 changed files with 1140 additions and 13 deletions

View File

@@ -0,0 +1,77 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 480 420" width="480" height="420">
<defs>
<linearGradient id="body" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" stop-color="#f4f6f8"/>
<stop offset="1" stop-color="#dfe4ea"/>
</linearGradient>
<linearGradient id="bay" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#ffffff"/>
<stop offset="1" stop-color="#e9edf2"/>
</linearGradient>
<linearGradient id="acc" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" stop-color="#ff8a3d"/>
<stop offset="1" stop-color="#ff6900"/>
</linearGradient>
</defs>
<ellipse cx="240" cy="392" rx="140" ry="16" fill="#000" opacity=".07"/>
<!-- 机箱 -->
<rect x="140" y="26" width="200" height="336" rx="18" fill="url(#body)" stroke="#c7ced6" stroke-width="2"/>
<rect x="140" y="26" width="200" height="336" rx="18" fill="none" stroke="#ffffff" stroke-width="1" opacity=".6"/>
<!-- 顶部散热格栅 -->
<g stroke="#c2c9d1" stroke-width="3" stroke-linecap="round">
<line x1="172" y1="48" x2="308" y2="48"/>
<line x1="172" y1="58" x2="308" y2="58"/>
</g>
<!-- 四盘位 -->
<g>
<rect x="158" y="78" width="164" height="52" rx="7" fill="url(#bay)" stroke="#ccd3da"/>
<rect x="168" y="90" width="46" height="28" rx="4" fill="#c8d0d8"/>
<rect x="222" y="96" width="88" height="6" rx="3" fill="#dfe4ea"/>
<rect x="222" y="108" width="60" height="6" rx="3" fill="#dfe4ea"/>
<circle cx="300" cy="99" r="4" fill="#52c41a"/>
<rect x="158" y="138" width="164" height="52" rx="7" fill="url(#bay)" stroke="#ccd3da"/>
<rect x="168" y="150" width="46" height="28" rx="4" fill="#c8d0d8"/>
<rect x="222" y="156" width="88" height="6" rx="3" fill="#dfe4ea"/>
<rect x="222" y="168" width="60" height="6" rx="3" fill="#dfe4ea"/>
<circle cx="300" cy="159" r="4" fill="#52c41a"/>
<rect x="158" y="198" width="164" height="52" rx="7" fill="url(#bay)" stroke="#ccd3da"/>
<rect x="168" y="210" width="46" height="28" rx="4" fill="#c8d0d8"/>
<rect x="222" y="216" width="88" height="6" rx="3" fill="#dfe4ea"/>
<rect x="222" y="228" width="60" height="6" rx="3" fill="#dfe4ea"/>
<circle cx="300" cy="219" r="4" fill="#52c41a"/>
<rect x="158" y="258" width="164" height="52" rx="7" fill="url(#bay)" stroke="#ccd3da"/>
<rect x="168" y="270" width="46" height="28" rx="4" fill="#c8d0d8"/>
<rect x="222" y="276" width="88" height="6" rx="3" fill="#dfe4ea"/>
<rect x="222" y="288" width="60" height="6" rx="3" fill="#dfe4ea"/>
<circle cx="300" cy="279" r="4" fill="#52c41a"/>
</g>
<!-- 底部品牌条与指示灯 -->
<rect x="158" y="324" width="164" height="22" rx="11" fill="#2f3540"/>
<circle cx="176" cy="335" r="5" fill="url(#acc)"/>
<rect x="192" y="332" width="70" height="6" rx="3" fill="#5a626e"/>
<!-- 底座 -->
<rect x="176" y="362" width="30" height="10" rx="4" fill="#b9c1c9"/>
<rect x="274" y="362" width="30" height="10" rx="4" fill="#b9c1c9"/>
<!-- 装饰:网络/云 -->
<g opacity=".9">
<path d="M92 120a26 26 0 0 1 25-19 30 30 0 0 1 56 8 22 22 0 0 1-3 43h-56a26 26 0 0 1-22-32z" fill="#ffffff" stroke="#ff6900" stroke-width="2" opacity=".85"/>
<path d="M112 152v26M132 152v18M152 152v26" stroke="#ff6900" stroke-width="2" stroke-linecap="round" opacity=".7"/>
</g>
<g opacity=".9">
<rect x="368" y="96" width="72" height="52" rx="8" fill="#ffffff" stroke="#c7ced6" stroke-width="2"/>
<rect x="380" y="112" width="48" height="6" rx="3" fill="#ff6900" opacity=".8"/>
<rect x="380" y="124" width="34" height="6" rx="3" fill="#dfe4ea"/>
<circle cx="404" cy="168" r="16" fill="#fff" stroke="#ff6900" stroke-width="2"/>
<path d="M398 168l5 5 9-10" stroke="#ff6900" stroke-width="3" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.8 KiB

View File

@@ -0,0 +1,15 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 160 160" width="160" height="160">
<rect x="18" y="18" width="104" height="124" rx="12" fill="#fff7f1" stroke="#ffd0ad" stroke-width="3"/>
<path d="M104 18h6a12 12 0 0 1 12 12v18h-18z" fill="#ffe3cf" stroke="#ffd0ad" stroke-width="3"/>
<g fill="#ff6900" opacity=".85">
<rect x="38" y="46" width="64" height="7" rx="3.5"/>
<rect x="38" y="64" width="48" height="7" rx="3.5"/>
</g>
<g fill="#d8dee6">
<rect x="38" y="88" width="72" height="6" rx="3"/>
<rect x="38" y="102" width="72" height="6" rx="3"/>
<rect x="38" y="116" width="44" height="6" rx="3"/>
</g>
<circle cx="118" cy="118" r="26" fill="#fff" stroke="#ff6900" stroke-width="3"/>
<path d="M110 118l6 6 12-13" stroke="#ff6900" stroke-width="4" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

After

Width:  |  Height:  |  Size: 860 B

View File

@@ -0,0 +1,12 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 160 160" width="160" height="160">
<rect x="30" y="20" width="100" height="120" rx="12" fill="#fff7f1" stroke="#ffd0ad" stroke-width="3"/>
<rect x="62" y="10" width="36" height="22" rx="6" fill="#fff" stroke="#ff6900" stroke-width="3"/>
<g fill="#d8dee6">
<rect x="50" y="58" width="60" height="6" rx="3"/>
<rect x="50" y="74" width="60" height="6" rx="3"/>
<rect x="50" y="90" width="38" height="6" rx="3"/>
</g>
<circle cx="112" cy="104" r="28" fill="#fff" stroke="#ff6900" stroke-width="3"/>
<path d="M100 104l8 9 18-20" stroke="#ff6900" stroke-width="5" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
<rect x="50" y="118" width="30" height="6" rx="3" fill="#ff6900" opacity=".7"/>
</svg>

After

Width:  |  Height:  |  Size: 785 B

View File

@@ -0,0 +1,13 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 160 160" width="160" height="160">
<path d="M28 92a52 52 0 0 1 104 0" fill="none" stroke="#ff6900" stroke-width="6" stroke-linecap="round"/>
<rect x="14" y="84" width="22" height="34" rx="10" fill="#ff6900"/>
<rect x="124" y="84" width="22" height="34" rx="10" fill="#ff6900"/>
<path d="M28 112v6a12 12 0 0 0 12 12h24" fill="none" stroke="#ff6900" stroke-width="6" stroke-linecap="round"/>
<circle cx="76" cy="134" r="10" fill="#fff" stroke="#ff6900" stroke-width="4"/>
<g fill="#d8dee6">
<rect x="52" y="34" width="56" height="6" rx="3"/>
<rect x="60" y="48" width="40" height="6" rx="3"/>
</g>
<circle cx="118" cy="46" r="16" fill="#fff7f1" stroke="#ffd0ad" stroke-width="3"/>
<path d="M112 46l5 5 9-10" stroke="#ff6900" stroke-width="4" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

After

Width:  |  Height:  |  Size: 887 B

View File

@@ -0,0 +1,12 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64">
<defs>
<linearGradient id="lg" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" stop-color="#ff8a3d"/>
<stop offset="1" stop-color="#ff6900"/>
</linearGradient>
</defs>
<rect x="2" y="2" width="60" height="60" rx="16" fill="url(#lg)"/>
<rect x="14" y="16" width="36" height="10" rx="5" fill="#fff"/>
<rect x="14" y="30" width="36" height="10" rx="5" fill="#fff" opacity=".85"/>
<rect x="14" y="44" width="20" height="6" rx="3" fill="#fff" opacity=".7"/>
</svg>

After

Width:  |  Height:  |  Size: 574 B