75 lines
2.9 KiB
XML
75 lines
2.9 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, 280)" filter="url(#shadow)">
|
|
<!-- Cylinder body -->
|
|
<ellipse cx="0" cy="-70" rx="140" ry="45" fill="#fff" opacity="0.95"/>
|
|
<rect x="-140" y="-70" width="280" height="140" fill="#fff" opacity="0.95"/>
|
|
<ellipse cx="0" cy="70" rx="140" ry="45" fill="#e8e8e8"/>
|
|
|
|
<!-- Cylinder lines -->
|
|
<ellipse cx="0" cy="-35" rx="140" ry="45" fill="none" stroke="#ddd" stroke-width="2"/>
|
|
<ellipse cx="0" cy="0" rx="140" ry="45" fill="none" stroke="#ddd" stroke-width="2"/>
|
|
<ellipse cx="0" cy="35" rx="140" ry="45" fill="none" stroke="#ddd" stroke-width="2"/>
|
|
</g>
|
|
|
|
<!-- JRD letters -->
|
|
<g transform="translate(256, 280)">
|
|
<!-- J -->
|
|
<text x="-70" y="15"
|
|
font-family="Arial, Helvetica, sans-serif"
|
|
font-size="110"
|
|
font-weight="bold"
|
|
fill="#dc382c"
|
|
text-anchor="middle"
|
|
dominant-baseline="middle">J</text>
|
|
<!-- R -->
|
|
<text x="0" y="15"
|
|
font-family="Arial, Helvetica, sans-serif"
|
|
font-size="110"
|
|
font-weight="bold"
|
|
fill="#dc382c"
|
|
text-anchor="middle"
|
|
dominant-baseline="middle">R</text>
|
|
<!-- D -->
|
|
<text x="70" y="15"
|
|
font-family="Arial, Helvetica, sans-serif"
|
|
font-size="110"
|
|
font-weight="bold"
|
|
fill="#dc382c"
|
|
text-anchor="middle"
|
|
dominant-baseline="middle">D</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="160" y2="200" stroke="#fff" stroke-width="3" opacity="0.4"/>
|
|
<line x1="432" y1="96" x2="352" y2="200" stroke="#fff" stroke-width="3" opacity="0.4"/>
|
|
<line x1="80" y1="416" x2="160" y2="360" stroke="#fff" stroke-width="3" opacity="0.4"/>
|
|
<line x1="432" y1="416" x2="352" y2="360" stroke="#fff" stroke-width="3" opacity="0.4"/>
|
|
</svg>
|