Jokul
c85318cc4d
- SVG 图标设计：数据库 + Redis R 字母 + 连接节点 - 生成各尺寸 PNG (16-512px) - electron-builder 配置图标路径 - 主进程窗口使用图标
58 lines
2.4 KiB
XML
58 lines
2.4 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
|
|
<defs>
|
|
<linearGradient id="bg" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
<stop offset="0%" style="stop-color:#667eea"/>
|
|
<stop offset="100%" style="stop-color:#764ba2"/>
|
|
</linearGradient>
|
|
<linearGradient id="shine" x1="0%" y1="0%" x2="0%" y2="100%">
|
|
<stop offset="0%" style="stop-color:rgba(255,255,255,0.3)"/>
|
|
<stop offset="100%" style="stop-color:rgba(255,255,255,0)"/>
|
|
</linearGradient>
|
|
<filter id="shadow" x="-20%" y="-20%" width="140%" height="140%">
|
|
<feDropShadow dx="0" dy="4" stdDeviation="8" flood-color="#000" flood-opacity="0.3"/>
|
|
</filter>
|
|
</defs>
|
|
|
|
<!-- Background -->
|
|
<rect width="512" height="512" rx="96" fill="url(#bg)"/>
|
|
|
|
<!-- Shine overlay -->
|
|
<rect width="512" height="256" rx="96" fill="url(#shine)"/>
|
|
|
|
<!-- Database cylinder -->
|
|
<g transform="translate(256, 270)" filter="url(#shadow)">
|
|
<!-- Cylinder body -->
|
|
<ellipse cx="0" cy="-80" rx="120" ry="40" fill="#fff" opacity="0.95"/>
|
|
<rect x="-120" y="-80" width="240" height="160" fill="#fff" opacity="0.95"/>
|
|
<ellipse cx="0" cy="80" rx="120" ry="40" fill="#e8e8e8"/>
|
|
|
|
<!-- Cylinder lines -->
|
|
<ellipse cx="0" cy="-40" rx="120" ry="40" fill="none" stroke="#ddd" stroke-width="2"/>
|
|
<ellipse cx="0" cy="0" rx="120" ry="40" fill="none" stroke="#ddd" stroke-width="2"/>
|
|
<ellipse cx="0" cy="40" rx="120" ry="40" fill="none" stroke="#ddd" stroke-width="2"/>
|
|
</g>
|
|
|
|
<!-- Redis "R" letter -->
|
|
<g transform="translate(256, 270)">
|
|
<text x="0" y="15"
|
|
font-family="Arial, Helvetica, sans-serif"
|
|
font-size="140"
|
|
font-weight="bold"
|
|
fill="#dc382c"
|
|
text-anchor="middle"
|
|
dominant-baseline="middle">R</text>
|
|
</g>
|
|
|
|
<!-- Corner dots (connection nodes) -->
|
|
<circle cx="80" cy="80" r="16" fill="#fff" opacity="0.8"/>
|
|
<circle cx="432" cy="80" r="16" fill="#fff" opacity="0.8"/>
|
|
<circle cx="80" cy="432" r="16" fill="#fff" opacity="0.8"/>
|
|
<circle cx="432" cy="432" r="16" fill="#fff" opacity="0.8"/>
|
|
|
|
<!-- Connection lines -->
|
|
<line x1="80" y1="96" x2="180" y2="200" stroke="#fff" stroke-width="3" opacity="0.4"/>
|
|
<line x1="432" y1="96" x2="332" y2="200" stroke="#fff" stroke-width="3" opacity="0.4"/>
|
|
<line x1="80" y1="416" x2="180" y2="340" stroke="#fff" stroke-width="3" opacity="0.4"/>
|
|
<line x1="432" y1="416" x2="332" y2="340" stroke="#fff" stroke-width="3" opacity="0.4"/>
|
|
</svg>
|