47 lines
2.3 KiB
XML
47 lines
2.3 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120" width="120" height="120">
|
|
<defs>
|
|
<linearGradient id="keyboardBody" x1="0%" y1="0%" x2="0%" y2="100%">
|
|
<stop offset="0%" stop-color="#3a3a3a"/>
|
|
<stop offset="100%" stop-color="#2a2a2a"/>
|
|
</linearGradient>
|
|
<linearGradient id="keyTop" x1="0%" y1="0%" x2="0%" y2="100%">
|
|
<stop offset="0%" stop-color="#4a4a4a"/>
|
|
<stop offset="100%" stop-color="#3a3a3a"/>
|
|
</linearGradient>
|
|
<filter id="keyShadow" x="-10%" y="-10%" width="120%" height="130%">
|
|
<feDropShadow dx="0" dy="1" stdDeviation="0.5" flood-color="#000000" flood-opacity="0.4"/>
|
|
</filter>
|
|
</defs>
|
|
|
|
<!-- Keyboard body -->
|
|
<rect x="8" y="40" width="104" height="50" rx="4" fill="url(#keyboardBody)"/>
|
|
<rect x="8" y="40" width="104" height="50" rx="4" fill="none" stroke="#222" stroke-width="1"/>
|
|
|
|
<!-- Top row: Play, Pause, Stop -->
|
|
<!-- Play key -->
|
|
<rect x="14" y="46" width="22" height="16" rx="2" fill="url(#keyTop)" filter="url(#keyShadow)"/>
|
|
<polygon points="22,50 22,58 29,54" fill="#4CAF50"/>
|
|
|
|
<!-- Pause key -->
|
|
<rect x="40" y="46" width="22" height="16" rx="2" fill="url(#keyTop)" filter="url(#keyShadow)"/>
|
|
<rect x="47" y="50" width="3" height="8" fill="#FFC107"/>
|
|
<rect x="52" y="50" width="3" height="8" fill="#FFC107"/>
|
|
|
|
<!-- Stop key -->
|
|
<rect x="66" y="46" width="22" height="16" rx="2" fill="url(#keyTop)" filter="url(#keyShadow)"/>
|
|
<rect x="72" y="50" width="10" height="8" fill="#F44336"/>
|
|
|
|
<!-- Mute key -->
|
|
<rect x="92" y="46" width="14" height="16" rx="2" fill="url(#keyTop)" filter="url(#keyShadow)"/>
|
|
<!-- Speaker icon -->
|
|
<polygon points="95,52 97,52 100,49 100,59 97,56 95,56" fill="#fff"/>
|
|
<!-- X for mute -->
|
|
<line x1="101" y1="51" x2="104" y2="57" stroke="#F44336" stroke-width="1.5" stroke-linecap="round"/>
|
|
<line x1="104" y1="51" x2="101" y2="57" stroke="#F44336" stroke-width="1.5" stroke-linecap="round"/>
|
|
|
|
<!-- URL bar -->
|
|
<rect x="14" y="66" width="92" height="18" rx="2" fill="#fff" filter="url(#keyShadow)"/>
|
|
<rect x="14" y="66" width="92" height="18" rx="2" fill="none" stroke="#888" stroke-width="0.5"/>
|
|
<text x="18" y="78" font-family="monospace" font-size="7" fill="#4CAF50">https://</text>
|
|
<line x1="52" y1="69" x2="52" y2="81" stroke="#333" stroke-width="0.5"/>
|
|
</svg>
|