svg/4x12.svg

<svg width="790.5" height="848" viewBox="0 0 790.5 848" xmlns="http://www.w3.org/2000/svg">
<style>
    svg {
        font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;
        font-size: 14px;
        font-kerning: normal;
        text-rendering: optimizeLegibility;
        fill: #24292e;
    }

    rect {
        fill: #f6f8fa;
        stroke: #d6d8da;
        stroke-width: 1;
    }

    .held {
        fill: #fdd;
    }

    .combo {
        fill: #cdf;
    }

    text {
        text-anchor: middle;
        dominant-baseline: middle;
    }

    .label {
        font-weight: bold;
        text-anchor: start;
        stroke: white;
        stroke-width: 2;
        paint-order: stroke;
    }

    .small {
        font-size: 80%;
    }
</style>
<text x="27.5" y="25.0" class="label">Qwerty:</text>
<rect rx="6" ry="6" x="29.5" y="52" width="55" height="50"/>
<text x="57.0" y="77.0">Tab</text>
<rect rx="6" ry="6" x="88.5" y="52" width="55" height="50"/>
<text x="116.0" y="77.0">Q</text>
<rect rx="6" ry="6" x="147.5" y="52" width="55" height="50"/>
<text x="175.0" y="77.0">W</text>
<rect rx="6" ry="6" x="206.5" y="52" width="55" height="50"/>
<text x="234.0" y="77.0">E</text>
<rect rx="6" ry="6" x="265.5" y="52" width="55" height="50"/>
<text x="293.0" y="77.0">R</text>
<rect rx="6" ry="6" x="324.5" y="52" width="55" height="50"/>
<text x="352.0" y="77.0">T</text>
<rect rx="6" ry="6" x="383.5" y="52" width="55" height="50"/>
<text x="411.0" y="77.0">Y</text>
<rect rx="6" ry="6" x="442.5" y="52" width="55" height="50"/>
<text x="470.0" y="77.0">U</text>
<rect rx="6" ry="6" x="501.5" y="52" width="55" height="50"/>
<text x="529.0" y="77.0">I</text>
<rect rx="6" ry="6" x="560.5" y="52" width="55" height="50"/>
<text x="588.0" y="77.0">O</text>
<rect rx="6" ry="6" x="619.5" y="52" width="55" height="50"/>
<text x="647.0" y="77.0">P</text>
<rect rx="6" ry="6" x="678.5" y="52" width="55" height="50"/>
<text x="706.0" y="77.0">Bksp</text>
<rect rx="6" ry="6" x="29.5" y="106" width="55" height="50"/>
<text x="57.0" y="131.0">Esc</text>
<rect rx="6" ry="6" x="88.5" y="106" width="55" height="50"/>
<text x="116.0" y="131.0">A</text>
<rect rx="6" ry="6" x="147.5" y="106" width="55" height="50"/>
<text x="175.0" y="131.0">S</text>
<rect rx="6" ry="6" x="206.5" y="106" width="55" height="50"/>
<text x="234.0" y="131.0">D</text>
<rect rx="6" ry="6" x="265.5" y="106" width="55" height="50"/>
<text x="293.0" y="131.0">F</text>
<rect rx="6" ry="6" x="324.5" y="106" width="55" height="50"/>
<text x="352.0" y="131.0">G</text>
<rect rx="6" ry="6" x="383.5" y="106" width="55" height="50"/>
<text x="411.0" y="131.0">H</text>
<rect rx="6" ry="6" x="442.5" y="106" width="55" height="50"/>
<text x="470.0" y="131.0">J</text>
<rect rx="6" ry="6" x="501.5" y="106" width="55" height="50"/>
<text x="529.0" y="131.0">K</text>
<rect rx="6" ry="6" x="560.5" y="106" width="55" height="50"/>
<text x="588.0" y="131.0">L</text>
<rect rx="6" ry="6" x="619.5" y="106" width="55" height="50"/>
<text x="647.0" y="131.0">;</text>
<rect rx="6" ry="6" x="678.5" y="106" width="55" height="50"/>
<text x="706.0" y="131.0">&#x27;</text>
<rect rx="6" ry="6" x="29.5" y="160" width="55" height="50"/>
<text x="57.0" y="185.0">Shift</text>
<rect rx="6" ry="6" x="88.5" y="160" width="55" height="50"/>
<text x="116.0" y="185.0">Z</text>
<rect rx="6" ry="6" x="147.5" y="160" width="55" height="50"/>
<text x="175.0" y="185.0">X</text>
<rect rx="6" ry="6" x="206.5" y="160" width="55" height="50"/>
<text x="234.0" y="185.0">C</text>
<rect rx="6" ry="6" x="265.5" y="160" width="55" height="50"/>
<text x="293.0" y="185.0">V</text>
<rect rx="6" ry="6" x="324.5" y="160" width="55" height="50"/>
<text x="352.0" y="185.0">B</text>
<rect rx="6" ry="6" x="383.5" y="160" width="55" height="50"/>
<text x="411.0" y="185.0">N</text>
<rect rx="6" ry="6" x="442.5" y="160" width="55" height="50"/>
<text x="470.0" y="185.0">M</text>
<rect rx="6" ry="6" x="501.5" y="160" width="55" height="50"/>
<text x="529.0" y="185.0">,</text>
<rect rx="6" ry="6" x="560.5" y="160" width="55" height="50"/>
<text x="588.0" y="185.0">.</text>
<rect rx="6" ry="6" x="619.5" y="160" width="55" height="50"/>
<text x="647.0" y="185.0">/</text>
<rect rx="6" ry="6" x="678.5" y="160" width="55" height="50"/>
<text x="706.0" y="185.0">Enter</text>
<rect rx="6" ry="6" x="29.5" y="214" width="55" height="50"/>
<text x="57.0" y="239.0">Brite</text>
<rect rx="6" ry="6" x="88.5" y="214" width="55" height="50"/>
<text x="116.0" y="239.0">Ctrl</text>
<rect rx="6" ry="6" x="147.5" y="214" width="55" height="50"/>
<text x="175.0" y="239.0">Alt</text>
<rect rx="6" ry="6" x="206.5" y="214" width="55" height="50"/>
<text x="234.0" y="239.0">GUI</text>
<rect rx="6" ry="6" x="265.5" y="214" width="55" height="50"/>
<text x="293.0" y="239.0">Lower</text>
<rect rx="6" ry="6" x="324.5" y="214" width="114" height="50"/>
<text x="381.5" y="239.0">Space</text>
<rect rx="6" ry="6" x="442.5" y="214" width="55" height="50"/>
<text x="470.0" y="239.0">Raise</text>
<rect rx="6" ry="6" x="501.5" y="214" width="55" height="50"/>
<text x="529.0" y="239.0">Left</text>
<rect rx="6" ry="6" x="560.5" y="214" width="55" height="50"/>
<text x="588.0" y="239.0">Down</text>
<rect rx="6" ry="6" x="619.5" y="214" width="55" height="50"/>
<text x="647.0" y="239.0">Up</text>
<rect rx="6" ry="6" x="678.5" y="214" width="55" height="50"/>
<text x="706.0" y="239.0">Right</text>
<text x="27.5" y="291.0" class="label">Lower:</text>
<rect rx="6" ry="6" x="29.5" y="318" width="55" height="50"/>
<text x="57.0" y="343.0">~</text>
<rect rx="6" ry="6" x="88.5" y="318" width="55" height="50"/>
<text x="116.0" y="343.0">!</text>
<rect rx="6" ry="6" x="147.5" y="318" width="55" height="50"/>
<text x="175.0" y="343.0">@</text>
<rect rx="6" ry="6" x="206.5" y="318" width="55" height="50"/>
<text x="234.0" y="343.0">#</text>
<rect rx="6" ry="6" x="265.5" y="318" width="55" height="50"/>
<text x="293.0" y="343.0">$</text>
<rect rx="6" ry="6" x="324.5" y="318" width="55" height="50"/>
<text x="352.0" y="343.0">%</text>
<rect rx="6" ry="6" x="383.5" y="318" width="55" height="50"/>
<text x="411.0" y="343.0">^</text>
<rect rx="6" ry="6" x="442.5" y="318" width="55" height="50"/>
<text x="470.0" y="343.0">&amp;</text>
<rect rx="6" ry="6" x="501.5" y="318" width="55" height="50"/>
<text x="529.0" y="343.0">*</text>
<rect rx="6" ry="6" x="560.5" y="318" width="55" height="50"/>
<text x="588.0" y="343.0">(</text>
<rect rx="6" ry="6" x="619.5" y="318" width="55" height="50"/>
<text x="647.0" y="343.0">)</text>
<rect rx="6" ry="6" x="678.5" y="318" width="55" height="50"/>
<text x="706.0" y="343.0">Bksp</text>
<rect rx="6" ry="6" x="29.5" y="372" width="55" height="50"/>
<text x="57.0" y="397.0">Del</text>
<rect rx="6" ry="6" x="88.5" y="372" width="55" height="50"/>
<text x="116.0" y="397.0">F1</text>
<rect rx="6" ry="6" x="147.5" y="372" width="55" height="50"/>
<text x="175.0" y="397.0">F2</text>
<rect rx="6" ry="6" x="206.5" y="372" width="55" height="50"/>
<text x="234.0" y="397.0">F3</text>
<rect rx="6" ry="6" x="265.5" y="372" width="55" height="50"/>
<text x="293.0" y="397.0">F4</text>
<rect rx="6" ry="6" x="324.5" y="372" width="55" height="50"/>
<text x="352.0" y="397.0">F5</text>
<rect rx="6" ry="6" x="383.5" y="372" width="55" height="50"/>
<text x="411.0" y="397.0">F6</text>
<rect rx="6" ry="6" x="442.5" y="372" width="55" height="50"/>
<text x="470.0" y="397.0">_</text>
<rect rx="6" ry="6" x="501.5" y="372" width="55" height="50"/>
<text x="529.0" y="397.0">+</text>
<rect rx="6" ry="6" x="560.5" y="372" width="55" height="50"/>
<text x="588.0" y="397.0">{</text>
<rect rx="6" ry="6" x="619.5" y="372" width="55" height="50"/>
<text x="647.0" y="397.0">}</text>
<rect rx="6" ry="6" x="678.5" y="372" width="55" height="50"/>
<text x="706.0" y="397.0">|</text>
<rect rx="6" ry="6" x="29.5" y="426" width="55" height="50"/>
<rect rx="6" ry="6" x="88.5" y="426" width="55" height="50"/>
<text x="116.0" y="451.0">F7</text>
<rect rx="6" ry="6" x="147.5" y="426" width="55" height="50"/>
<text x="175.0" y="451.0">F8</text>
<rect rx="6" ry="6" x="206.5" y="426" width="55" height="50"/>
<text x="234.0" y="451.0">F9</text>
<rect rx="6" ry="6" x="265.5" y="426" width="55" height="50"/>
<text x="293.0" y="451.0">F10</text>
<rect rx="6" ry="6" x="324.5" y="426" width="55" height="50"/>
<text x="352.0" y="451.0">F11</text>
<rect rx="6" ry="6" x="383.5" y="426" width="55" height="50"/>
<text x="411.0" y="451.0">F12</text>
<rect rx="6" ry="6" x="442.5" y="426" width="55" height="50"/>
<text x="470.0" y="451.0">
<tspan x="470.0" dy="-0.6em">ISO</tspan><tspan x="470.0" dy="1.2em">~</tspan>
</text>
<rect rx="6" ry="6" x="501.5" y="426" width="55" height="50"/>
<text x="529.0" y="451.0">
<tspan x="529.0" dy="-0.6em">ISO</tspan><tspan x="529.0" dy="1.2em">|</tspan>
</text>
<rect rx="6" ry="6" x="560.5" y="426" width="55" height="50"/>
<text x="588.0" y="451.0">Home</text>
<rect rx="6" ry="6" x="619.5" y="426" width="55" height="50"/>
<text x="647.0" y="451.0">End</text>
<rect rx="6" ry="6" x="678.5" y="426" width="55" height="50"/>
<rect rx="6" ry="6" x="29.5" y="480" width="55" height="50"/>
<rect rx="6" ry="6" x="88.5" y="480" width="55" height="50"/>
<rect rx="6" ry="6" x="147.5" y="480" width="55" height="50"/>
<rect rx="6" ry="6" x="206.5" y="480" width="55" height="50"/>
<rect rx="6" ry="6" x="265.5" y="480" width="55" height="50" class="held"/>
<rect rx="6" ry="6" x="324.5" y="480" width="114" height="50"/>
<rect rx="6" ry="6" x="442.5" y="480" width="55" height="50"/>
<rect rx="6" ry="6" x="501.5" y="480" width="55" height="50"/>
<text x="529.0" y="505.0">Next</text>
<rect rx="6" ry="6" x="560.5" y="480" width="55" height="50"/>
<text x="588.0" y="505.0">Vol-</text>
<rect rx="6" ry="6" x="619.5" y="480" width="55" height="50"/>
<text x="647.0" y="505.0">Vol+</text>
<rect rx="6" ry="6" x="678.5" y="480" width="55" height="50"/>
<text x="706.0" y="505.0">Play</text>
<text x="27.5" y="557.0" class="label">Raise:</text>
<rect rx="6" ry="6" x="29.5" y="584" width="55" height="50"/>
<text x="57.0" y="609.0">`</text>
<rect rx="6" ry="6" x="88.5" y="584" width="55" height="50"/>
<text x="116.0" y="609.0">1</text>
<rect rx="6" ry="6" x="147.5" y="584" width="55" height="50"/>
<text x="175.0" y="609.0">2</text>
<rect rx="6" ry="6" x="206.5" y="584" width="55" height="50"/>
<text x="234.0" y="609.0">3</text>
<rect rx="6" ry="6" x="265.5" y="584" width="55" height="50"/>
<text x="293.0" y="609.0">4</text>
<rect rx="6" ry="6" x="324.5" y="584" width="55" height="50"/>
<text x="352.0" y="609.0">5</text>
<rect rx="6" ry="6" x="383.5" y="584" width="55" height="50"/>
<text x="411.0" y="609.0">6</text>
<rect rx="6" ry="6" x="442.5" y="584" width="55" height="50"/>
<text x="470.0" y="609.0">7</text>
<rect rx="6" ry="6" x="501.5" y="584" width="55" height="50"/>
<text x="529.0" y="609.0">8</text>
<rect rx="6" ry="6" x="560.5" y="584" width="55" height="50"/>
<text x="588.0" y="609.0">9</text>
<rect rx="6" ry="6" x="619.5" y="584" width="55" height="50"/>
<text x="647.0" y="609.0">0</text>
<rect rx="6" ry="6" x="678.5" y="584" width="55" height="50"/>
<text x="706.0" y="609.0">Bksp</text>
<rect rx="6" ry="6" x="29.5" y="638" width="55" height="50"/>
<text x="57.0" y="663.0">Del</text>
<rect rx="6" ry="6" x="88.5" y="638" width="55" height="50"/>
<text x="116.0" y="663.0">F1</text>
<rect rx="6" ry="6" x="147.5" y="638" width="55" height="50"/>
<text x="175.0" y="663.0">F2</text>
<rect rx="6" ry="6" x="206.5" y="638" width="55" height="50"/>
<text x="234.0" y="663.0">F3</text>
<rect rx="6" ry="6" x="265.5" y="638" width="55" height="50"/>
<text x="293.0" y="663.0">F4</text>
<rect rx="6" ry="6" x="324.5" y="638" width="55" height="50"/>
<text x="352.0" y="663.0">F5</text>
<rect rx="6" ry="6" x="383.5" y="638" width="55" height="50"/>
<text x="411.0" y="663.0">F6</text>
<rect rx="6" ry="6" x="442.5" y="638" width="55" height="50"/>
<text x="470.0" y="663.0">-</text>
<rect rx="6" ry="6" x="501.5" y="638" width="55" height="50"/>
<text x="529.0" y="663.0">=</text>
<rect rx="6" ry="6" x="560.5" y="638" width="55" height="50"/>
<text x="588.0" y="663.0">[</text>
<rect rx="6" ry="6" x="619.5" y="638" width="55" height="50"/>
<text x="647.0" y="663.0">]</text>
<rect rx="6" ry="6" x="678.5" y="638" width="55" height="50"/>
<text x="706.0" y="663.0">\</text>
<rect rx="6" ry="6" x="29.5" y="692" width="55" height="50"/>
<rect rx="6" ry="6" x="88.5" y="692" width="55" height="50"/>
<text x="116.0" y="717.0">F7</text>
<rect rx="6" ry="6" x="147.5" y="692" width="55" height="50"/>
<text x="175.0" y="717.0">F8</text>
<rect rx="6" ry="6" x="206.5" y="692" width="55" height="50"/>
<text x="234.0" y="717.0">F9</text>
<rect rx="6" ry="6" x="265.5" y="692" width="55" height="50"/>
<text x="293.0" y="717.0">F10</text>
<rect rx="6" ry="6" x="324.5" y="692" width="55" height="50"/>
<text x="352.0" y="717.0">F11</text>
<rect rx="6" ry="6" x="383.5" y="692" width="55" height="50"/>
<text x="411.0" y="717.0">F12</text>
<rect rx="6" ry="6" x="442.5" y="692" width="55" height="50"/>
<text x="470.0" y="717.0">
<tspan x="470.0" dy="-0.6em">ISO</tspan><tspan x="470.0" dy="1.2em">#</tspan>
</text>
<rect rx="6" ry="6" x="501.5" y="692" width="55" height="50"/>
<text x="529.0" y="717.0">
<tspan x="529.0" dy="-0.6em">ISO</tspan><tspan x="529.0" dy="1.2em">/</tspan>
</text>
<rect rx="6" ry="6" x="560.5" y="692" width="55" height="50"/>
<text x="588.0" y="717.0">
<tspan x="588.0" dy="-0.6em">Pg</tspan><tspan x="588.0" dy="1.2em">Up</tspan>
</text>
<rect rx="6" ry="6" x="619.5" y="692" width="55" height="50"/>
<text x="647.0" y="717.0">
<tspan x="647.0" dy="-0.6em">Pg</tspan><tspan x="647.0" dy="1.2em">Dn</tspan>
</text>
<rect rx="6" ry="6" x="678.5" y="692" width="55" height="50"/>
<rect rx="6" ry="6" x="29.5" y="746" width="55" height="50"/>
<rect rx="6" ry="6" x="88.5" y="746" width="55" height="50"/>
<rect rx="6" ry="6" x="147.5" y="746" width="55" height="50"/>
<rect rx="6" ry="6" x="206.5" y="746" width="55" height="50"/>
<rect rx="6" ry="6" x="265.5" y="746" width="55" height="50"/>
<rect rx="6" ry="6" x="324.5" y="746" width="114" height="50"/>
<rect rx="6" ry="6" x="442.5" y="746" width="55" height="50" class="held"/>
<rect rx="6" ry="6" x="501.5" y="746" width="55" height="50"/>
<text x="529.0" y="771.0">Next</text>
<rect rx="6" ry="6" x="560.5" y="746" width="55" height="50"/>
<text x="588.0" y="771.0">Vol-</text>
<rect rx="6" ry="6" x="619.5" y="746" width="55" height="50"/>
<text x="647.0" y="771.0">Vol+</text>
<rect rx="6" ry="6" x="678.5" y="746" width="55" height="50"/>
<text x="706.0" y="771.0">Play</text>
</svg>