Skip to content

Instantly share code, notes, and snippets.

@bpartridge

bpartridge/keyboard-layout (1).svg

Created March 16, 2017 22:26
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save bpartridge/4253c87d3d55441fbe7fb6ccb206ca34 to your computer and use it in GitHub Desktop.
Save bpartridge/4253c87d3d55441fbe7fb6ccb206ca34 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
gistfile1.txt
<svg width='813px'
height='386.9994px'
viewBox='0 0 813 386.9994'
xmlns='http://www.w3.org/2000/svg'
xmlns:xlink="http://www.w3.org/1999/xlink">
<style type='text/css'>
.keycap .border { stroke: black; stroke-width: 2; }
.keycap .inner.border { stroke: rgba(0,0,0,.1); }
</style>
<defs>
<linearGradient id="DCS">
<stop offset="0%" stop-color="black" stop-opacity="0"/>
<stop offset="40%" stop-color="black" stop-opacity="0.1"/>
<stop offset="60%" stop-color="black" stop-opacity="0.1"/>
<stop offset="100%" stop-color="black" stop-opacity="0"/>
</linearGradient>
<linearGradient id="SPACE" x1="0%" x2="0%" y1="0%" y2="100%">
<stop offset="0%" stop-color="black" stop-opacity="0.1"/>
<stop offset="20%" stop-color="black" stop-opacity="0.0"/>
<stop offset="40%" stop-color="black" stop-opacity="0.0"/>
<stop offset="100%" stop-color="black" stop-opacity="0.1"/>
</linearGradient>
<radialGradient id="DSA">
<stop offset="0%" stop-color="black" stop-opacity="0.1"/>
<stop offset="10%" stop-color="black" stop-opacity="0.1"/>
<stop offset="100%" stop-color="black" stop-opacity="0"/>
</radialGradient>
<radialGradient id="SA" xlink:href="#DSA" />
</defs>
<g transform='translate(10,10)'>
<rect width="793" height="366.9994"
stroke="#ddd" stroke-width="1" fill="#dbdbdb" rx="6"/>
<g transform='translate(5,5)'>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="4" y="44.5"
width="47.927800000000005" height="32.5"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="4" y="44.5"
width="47.927800000000005" height="32.5"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="5" y="45.5"
width="45.927800000000005" height="28.5"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="5" y="45.5"
width="45.927800000000005" height="28.5"
rx="4" fill="#fcfcfc"/>
<rect x="5" y="45.5"
width="45.927800000000005" height="28.5"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="59.927800000000005" y="44.5"
width="47.927800000000005" height="32.5"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="59.927800000000005" y="44.5"
width="47.927800000000005" height="32.5"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="60.927800000000005" y="45.5"
width="45.927800000000005" height="28.5"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="60.927800000000005" y="45.5"
width="45.927800000000005" height="28.5"
rx="4" fill="#fcfcfc"/>
<rect x="60.927800000000005" y="45.5"
width="45.927800000000005" height="28.5"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="115.85560000000001" y="44.5"
width="47.927800000000005" height="32.5"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="115.85560000000001" y="44.5"
width="47.927800000000005" height="32.5"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="116.85560000000001" y="45.5"
width="45.927800000000005" height="28.5"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="116.85560000000001" y="45.5"
width="45.927800000000005" height="28.5"
rx="4" fill="#fcfcfc"/>
<rect x="116.85560000000001" y="45.5"
width="45.927800000000005" height="28.5"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="171.7834" y="44.5"
width="47.927800000000005" height="32.5"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="171.7834" y="44.5"
width="47.927800000000005" height="32.5"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="172.7834" y="45.5"
width="45.927800000000005" height="28.5"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="172.7834" y="45.5"
width="45.927800000000005" height="28.5"
rx="4" fill="#fcfcfc"/>
<rect x="172.7834" y="45.5"
width="45.927800000000005" height="28.5"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="227.71120000000002" y="44.5"
width="47.927800000000005" height="32.5"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="227.71120000000002" y="44.5"
width="47.927800000000005" height="32.5"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="228.71120000000002" y="45.5"
width="45.927800000000005" height="28.5"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="228.71120000000002" y="45.5"
width="45.927800000000005" height="28.5"
rx="4" fill="#fcfcfc"/>
<rect x="228.71120000000002" y="45.5"
width="45.927800000000005" height="28.5"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="283.639" y="44.5"
width="47.927800000000005" height="32.5"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="283.639" y="44.5"
width="47.927800000000005" height="32.5"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="284.639" y="45.5"
width="45.927800000000005" height="28.5"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="284.639" y="45.5"
width="45.927800000000005" height="28.5"
rx="4" fill="#fcfcfc"/>
<rect x="284.639" y="45.5"
width="45.927800000000005" height="28.5"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="339.56680000000006" y="44.5"
width="47.927800000000005" height="32.5"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="339.56680000000006" y="44.5"
width="47.927800000000005" height="32.5"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="340.56680000000006" y="45.5"
width="45.927800000000005" height="28.5"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="340.56680000000006" y="45.5"
width="45.927800000000005" height="28.5"
rx="4" fill="#fcfcfc"/>
<rect x="340.56680000000006" y="45.5"
width="45.927800000000005" height="28.5"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="395.49460000000005" y="44.5"
width="47.927800000000005" height="32.5"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="395.49460000000005" y="44.5"
width="47.927800000000005" height="32.5"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="396.49460000000005" y="45.5"
width="45.927800000000005" height="28.5"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="396.49460000000005" y="45.5"
width="45.927800000000005" height="28.5"
rx="4" fill="#fcfcfc"/>
<rect x="396.49460000000005" y="45.5"
width="45.927800000000005" height="28.5"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="451.42240000000004" y="44.5"
width="47.927800000000005" height="32.5"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="451.42240000000004" y="44.5"
width="47.927800000000005" height="32.5"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="452.42240000000004" y="45.5"
width="45.927800000000005" height="28.5"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="452.42240000000004" y="45.5"
width="45.927800000000005" height="28.5"
rx="4" fill="#fcfcfc"/>
<rect x="452.42240000000004" y="45.5"
width="45.927800000000005" height="28.5"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="507.35020000000003" y="44.5"
width="47.927800000000005" height="32.5"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="507.35020000000003" y="44.5"
width="47.927800000000005" height="32.5"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="508.35020000000003" y="45.5"
width="45.927800000000005" height="28.5"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="508.35020000000003" y="45.5"
width="45.927800000000005" height="28.5"
rx="4" fill="#fcfcfc"/>
<rect x="508.35020000000003" y="45.5"
width="45.927800000000005" height="28.5"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="563.278" y="44.5"
width="47.927800000000005" height="32.5"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="563.278" y="44.5"
width="47.927800000000005" height="32.5"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="564.278" y="45.5"
width="45.927800000000005" height="28.5"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="564.278" y="45.5"
width="45.927800000000005" height="28.5"
rx="4" fill="#fcfcfc"/>
<rect x="564.278" y="45.5"
width="45.927800000000005" height="28.5"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="619.2058000000001" y="44.5"
width="47.927800000000005" height="32.5"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="619.2058000000001" y="44.5"
width="47.927800000000005" height="32.5"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="620.2058000000001" y="45.5"
width="45.927800000000005" height="28.5"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="620.2058000000001" y="45.5"
width="45.927800000000005" height="28.5"
rx="4" fill="#fcfcfc"/>
<rect x="620.2058000000001" y="45.5"
width="45.927800000000005" height="28.5"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="675.1336000000001" y="44.5"
width="47.927800000000005" height="32.5"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="675.1336000000001" y="44.5"
width="47.927800000000005" height="32.5"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="676.1336000000001" y="45.5"
width="45.927800000000005" height="28.5"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="676.1336000000001" y="45.5"
width="45.927800000000005" height="28.5"
rx="4" fill="#fcfcfc"/>
<rect x="676.1336000000001" y="45.5"
width="45.927800000000005" height="28.5"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="731.0614" y="44.5"
width="47.927800000000005" height="32.5"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="731.0614" y="44.5"
width="47.927800000000005" height="32.5"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="732.0614" y="45.5"
width="45.927800000000005" height="28.5"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="732.0614" y="45.5"
width="45.927800000000005" height="28.5"
rx="4" fill="#fcfcfc"/>
<rect x="732.0614" y="45.5"
width="45.927800000000005" height="28.5"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="4" y="85"
width="46" height="46"
rx="4" fill="#51c0dd" class="outer border"/>
<!-- Outer Fill -->
<rect x="4" y="85"
width="46" height="46"
rx="4" fill="#51c0dd"/>
<!-- Inner Border -->
<rect x="5" y="86"
width="44" height="42"
rx="4" fill="#81eaff" class="inner border"/>
<!-- Inner Fill -->
<rect x="5" y="86"
width="44" height="42"
rx="4" fill="#81eaff"/>
<rect x="5" y="86"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="58" y="85"
width="46" height="46"
rx="4" fill="#7adabd" class="outer border"/>
<!-- Outer Fill -->
<rect x="58" y="85"
width="46" height="46"
rx="4" fill="#7adabd"/>
<!-- Inner Border -->
<rect x="59" y="86"
width="44" height="42"
rx="4" fill="#a9ffec" class="inner border"/>
<!-- Inner Fill -->
<rect x="59" y="86"
width="44" height="42"
rx="4" fill="#a9ffec"/>
<rect x="59" y="86"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="112" y="85"
width="46" height="46"
rx="4" fill="#7adabd" class="outer border"/>
<!-- Outer Fill -->
<rect x="112" y="85"
width="46" height="46"
rx="4" fill="#7adabd"/>
<!-- Inner Border -->
<rect x="113" y="86"
width="44" height="42"
rx="4" fill="#a9ffec" class="inner border"/>
<!-- Inner Fill -->
<rect x="113" y="86"
width="44" height="42"
rx="4" fill="#a9ffec"/>
<rect x="113" y="86"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="166" y="85"
width="46" height="46"
rx="4" fill="#7adabd" class="outer border"/>
<!-- Outer Fill -->
<rect x="166" y="85"
width="46" height="46"
rx="4" fill="#7adabd"/>
<!-- Inner Border -->
<rect x="167" y="86"
width="44" height="42"
rx="4" fill="#a9ffec" class="inner border"/>
<!-- Inner Fill -->
<rect x="167" y="86"
width="44" height="42"
rx="4" fill="#a9ffec"/>
<rect x="167" y="86"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="220" y="85"
width="46" height="46"
rx="4" fill="#7adabd" class="outer border"/>
<!-- Outer Fill -->
<rect x="220" y="85"
width="46" height="46"
rx="4" fill="#7adabd"/>
<!-- Inner Border -->
<rect x="221" y="86"
width="44" height="42"
rx="4" fill="#a9ffec" class="inner border"/>
<!-- Inner Fill -->
<rect x="221" y="86"
width="44" height="42"
rx="4" fill="#a9ffec"/>
<rect x="221" y="86"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="274" y="85"
width="46" height="46"
rx="4" fill="#7adabd" class="outer border"/>
<!-- Outer Fill -->
<rect x="274" y="85"
width="46" height="46"
rx="4" fill="#7adabd"/>
<!-- Inner Border -->
<rect x="275" y="86"
width="44" height="42"
rx="4" fill="#a9ffec" class="inner border"/>
<!-- Inner Fill -->
<rect x="275" y="86"
width="44" height="42"
rx="4" fill="#a9ffec"/>
<rect x="275" y="86"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="328" y="85"
width="46" height="46"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="328" y="85"
width="46" height="46"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="329" y="86"
width="44" height="42"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="329" y="86"
width="44" height="42"
rx="4" fill="#fcfcfc"/>
<rect x="329" y="86"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="382" y="85"
width="46" height="46"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="382" y="85"
width="46" height="46"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="383" y="86"
width="44" height="42"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="383" y="86"
width="44" height="42"
rx="4" fill="#fcfcfc"/>
<rect x="383" y="86"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="436" y="85"
width="46" height="46"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="436" y="85"
width="46" height="46"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="437" y="86"
width="44" height="42"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="437" y="86"
width="44" height="42"
rx="4" fill="#fcfcfc"/>
<rect x="437" y="86"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="490" y="85"
width="46" height="46"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="490" y="85"
width="46" height="46"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="491" y="86"
width="44" height="42"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="491" y="86"
width="44" height="42"
rx="4" fill="#fcfcfc"/>
<rect x="491" y="86"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="544" y="85"
width="46" height="46"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="544" y="85"
width="46" height="46"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="545" y="86"
width="44" height="42"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="545" y="86"
width="44" height="42"
rx="4" fill="#fcfcfc"/>
<rect x="545" y="86"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="598" y="85"
width="46" height="46"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="598" y="85"
width="46" height="46"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="599" y="86"
width="44" height="42"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="599" y="86"
width="44" height="42"
rx="4" fill="#fcfcfc"/>
<rect x="599" y="86"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="652" y="85"
width="46" height="46"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="652" y="85"
width="46" height="46"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="653" y="86"
width="44" height="42"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="653" y="86"
width="44" height="42"
rx="4" fill="#fcfcfc"/>
<rect x="653" y="86"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="706" y="85"
width="73" height="46"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="706" y="85"
width="73" height="46"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="707" y="86"
width="71" height="42"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="707" y="86"
width="71" height="42"
rx="4" fill="#fcfcfc"/>
<rect x="707" y="86"
width="71" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="4" y="139"
width="73" height="46"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="4" y="139"
width="73" height="46"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="5" y="140"
width="71" height="42"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="5" y="140"
width="71" height="42"
rx="4" fill="#fcfcfc"/>
<rect x="5" y="140"
width="71" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="85" y="139"
width="46" height="46"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="85" y="139"
width="46" height="46"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="86" y="140"
width="44" height="42"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="86" y="140"
width="44" height="42"
rx="4" fill="#fcfcfc"/>
<rect x="86" y="140"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="139" y="139"
width="46" height="46"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="139" y="139"
width="46" height="46"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="140" y="140"
width="44" height="42"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="140" y="140"
width="44" height="42"
rx="4" fill="#fcfcfc"/>
<rect x="140" y="140"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="193" y="139"
width="46" height="46"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="193" y="139"
width="46" height="46"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="194" y="140"
width="44" height="42"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="194" y="140"
width="44" height="42"
rx="4" fill="#fcfcfc"/>
<rect x="194" y="140"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="247" y="139"
width="46" height="46"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="247" y="139"
width="46" height="46"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="248" y="140"
width="44" height="42"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="248" y="140"
width="44" height="42"
rx="4" fill="#fcfcfc"/>
<rect x="248" y="140"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="301" y="139"
width="46" height="46"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="301" y="139"
width="46" height="46"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="302" y="140"
width="44" height="42"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="302" y="140"
width="44" height="42"
rx="4" fill="#fcfcfc"/>
<rect x="302" y="140"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="355" y="139"
width="46" height="46"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="355" y="139"
width="46" height="46"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="356" y="140"
width="44" height="42"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="356" y="140"
width="44" height="42"
rx="4" fill="#fcfcfc"/>
<rect x="356" y="140"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="409" y="139"
width="46" height="46"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="409" y="139"
width="46" height="46"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="410" y="140"
width="44" height="42"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="410" y="140"
width="44" height="42"
rx="4" fill="#fcfcfc"/>
<rect x="410" y="140"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="463" y="139"
width="46" height="46"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="463" y="139"
width="46" height="46"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="464" y="140"
width="44" height="42"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="464" y="140"
width="44" height="42"
rx="4" fill="#fcfcfc"/>
<rect x="464" y="140"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="517" y="139"
width="46" height="46"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="517" y="139"
width="46" height="46"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="518" y="140"
width="44" height="42"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="518" y="140"
width="44" height="42"
rx="4" fill="#fcfcfc"/>
<rect x="518" y="140"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="571" y="139"
width="46" height="46"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="571" y="139"
width="46" height="46"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="572" y="140"
width="44" height="42"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="572" y="140"
width="44" height="42"
rx="4" fill="#fcfcfc"/>
<rect x="572" y="140"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="625" y="139"
width="46" height="46"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="625" y="139"
width="46" height="46"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="626" y="140"
width="44" height="42"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="626" y="140"
width="44" height="42"
rx="4" fill="#fcfcfc"/>
<rect x="626" y="140"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="679" y="139"
width="46" height="46"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="679" y="139"
width="46" height="46"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="680" y="140"
width="44" height="42"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="680" y="140"
width="44" height="42"
rx="4" fill="#fcfcfc"/>
<rect x="680" y="140"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="733" y="139"
width="46" height="46"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="733" y="139"
width="46" height="46"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="734" y="140"
width="44" height="42"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="734" y="140"
width="44" height="42"
rx="4" fill="#fcfcfc"/>
<rect x="734" y="140"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="4" y="193"
width="86.5" height="46"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="4" y="193"
width="86.5" height="46"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="5" y="194"
width="84.5" height="42"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="5" y="194"
width="84.5" height="42"
rx="4" fill="#fcfcfc"/>
<rect x="5" y="194"
width="84.5" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="98.5" y="193"
width="46" height="46"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="98.5" y="193"
width="46" height="46"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="99.5" y="194"
width="44" height="42"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="99.5" y="194"
width="44" height="42"
rx="4" fill="#fcfcfc"/>
<rect x="99.5" y="194"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="152.5" y="193"
width="46" height="46"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="152.5" y="193"
width="46" height="46"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="153.5" y="194"
width="44" height="42"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="153.5" y="194"
width="44" height="42"
rx="4" fill="#fcfcfc"/>
<rect x="153.5" y="194"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="206.5" y="193"
width="46" height="46"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="206.5" y="193"
width="46" height="46"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="207.5" y="194"
width="44" height="42"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="207.5" y="194"
width="44" height="42"
rx="4" fill="#fcfcfc"/>
<rect x="207.5" y="194"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="260.5" y="193"
width="46" height="46"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="260.5" y="193"
width="46" height="46"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="261.5" y="194"
width="44" height="42"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="261.5" y="194"
width="44" height="42"
rx="4" fill="#fcfcfc"/>
<rect x="261.5" y="194"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="314.5" y="193"
width="46" height="46"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="314.5" y="193"
width="46" height="46"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="315.5" y="194"
width="44" height="42"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="315.5" y="194"
width="44" height="42"
rx="4" fill="#fcfcfc"/>
<rect x="315.5" y="194"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="368.5" y="193"
width="46" height="46"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="368.5" y="193"
width="46" height="46"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="369.5" y="194"
width="44" height="42"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="369.5" y="194"
width="44" height="42"
rx="4" fill="#fcfcfc"/>
<rect x="369.5" y="194"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="422.5" y="193"
width="46" height="46"
rx="4" fill="#ffe08d" class="outer border"/>
<!-- Outer Fill -->
<rect x="422.5" y="193"
width="46" height="46"
rx="4" fill="#ffe08d"/>
<!-- Inner Border -->
<rect x="423.5" y="194"
width="44" height="42"
rx="4" fill="#fffca7" class="inner border"/>
<!-- Inner Fill -->
<rect x="423.5" y="194"
width="44" height="42"
rx="4" fill="#fffca7"/>
<rect x="423.5" y="194"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="476.5" y="193"
width="46" height="46"
rx="4" fill="#ffb07b" class="outer border"/>
<!-- Outer Fill -->
<rect x="476.5" y="193"
width="46" height="46"
rx="4" fill="#ffb07b"/>
<!-- Inner Border -->
<rect x="477.5" y="194"
width="44" height="42"
rx="4" fill="#ffdda6" class="inner border"/>
<!-- Inner Fill -->
<rect x="477.5" y="194"
width="44" height="42"
rx="4" fill="#ffdda6"/>
<rect x="477.5" y="194"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="530.5" y="193"
width="46" height="46"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="530.5" y="193"
width="46" height="46"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="531.5" y="194"
width="44" height="42"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="531.5" y="194"
width="44" height="42"
rx="4" fill="#fcfcfc"/>
<rect x="531.5" y="194"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="584.5" y="193"
width="46" height="46"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="584.5" y="193"
width="46" height="46"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="585.5" y="194"
width="44" height="42"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="585.5" y="194"
width="44" height="42"
rx="4" fill="#fcfcfc"/>
<rect x="585.5" y="194"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="638.5" y="193"
width="46" height="46"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="638.5" y="193"
width="46" height="46"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="639.5" y="194"
width="44" height="42"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="639.5" y="194"
width="44" height="42"
rx="4" fill="#fcfcfc"/>
<rect x="639.5" y="194"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="692.5" y="193"
width="86.5" height="46"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="692.5" y="193"
width="86.5" height="46"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="693.5" y="194"
width="84.5" height="42"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="693.5" y="194"
width="84.5" height="42"
rx="4" fill="#fcfcfc"/>
<rect x="693.5" y="194"
width="84.5" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="4" y="247"
width="113.5" height="46"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="4" y="247"
width="113.5" height="46"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="5" y="248"
width="111.5" height="42"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="5" y="248"
width="111.5" height="42"
rx="4" fill="#fcfcfc"/>
<rect x="5" y="248"
width="111.5" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="125.5" y="247"
width="46" height="46"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="125.5" y="247"
width="46" height="46"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="126.5" y="248"
width="44" height="42"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="126.5" y="248"
width="44" height="42"
rx="4" fill="#fcfcfc"/>
<rect x="126.5" y="248"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="179.5" y="247"
width="46" height="46"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="179.5" y="247"
width="46" height="46"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="180.5" y="248"
width="44" height="42"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="180.5" y="248"
width="44" height="42"
rx="4" fill="#fcfcfc"/>
<rect x="180.5" y="248"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="233.5" y="247"
width="46" height="46"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="233.5" y="247"
width="46" height="46"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="234.5" y="248"
width="44" height="42"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="234.5" y="248"
width="44" height="42"
rx="4" fill="#fcfcfc"/>
<rect x="234.5" y="248"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="287.5" y="247"
width="46" height="46"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="287.5" y="247"
width="46" height="46"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="288.5" y="248"
width="44" height="42"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="288.5" y="248"
width="44" height="42"
rx="4" fill="#fcfcfc"/>
<rect x="288.5" y="248"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="341.5" y="247"
width="46" height="46"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="341.5" y="247"
width="46" height="46"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="342.5" y="248"
width="44" height="42"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="342.5" y="248"
width="44" height="42"
rx="4" fill="#fcfcfc"/>
<rect x="342.5" y="248"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="395.5" y="247"
width="46" height="46"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="395.5" y="247"
width="46" height="46"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="396.5" y="248"
width="44" height="42"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="396.5" y="248"
width="44" height="42"
rx="4" fill="#fcfcfc"/>
<rect x="396.5" y="248"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="449.5" y="247"
width="46" height="46"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="449.5" y="247"
width="46" height="46"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="450.5" y="248"
width="44" height="42"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="450.5" y="248"
width="44" height="42"
rx="4" fill="#fcfcfc"/>
<rect x="450.5" y="248"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="503.5" y="247"
width="46" height="46"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="503.5" y="247"
width="46" height="46"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="504.5" y="248"
width="44" height="42"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="504.5" y="248"
width="44" height="42"
rx="4" fill="#fcfcfc"/>
<rect x="504.5" y="248"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="557.5" y="247"
width="46" height="46"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="557.5" y="247"
width="46" height="46"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="558.5" y="248"
width="44" height="42"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="558.5" y="248"
width="44" height="42"
rx="4" fill="#fcfcfc"/>
<rect x="558.5" y="248"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="611.5" y="247"
width="46" height="46"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="611.5" y="247"
width="46" height="46"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="612.5" y="248"
width="44" height="42"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="612.5" y="248"
width="44" height="42"
rx="4" fill="#fcfcfc"/>
<rect x="612.5" y="248"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="665.5" y="247"
width="113.5" height="46"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="665.5" y="247"
width="113.5" height="46"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="666.5" y="248"
width="111.5" height="42"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="666.5" y="248"
width="111.5" height="42"
rx="4" fill="#fcfcfc"/>
<rect x="666.5" y="248"
width="111.5" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="4" y="301"
width="46" height="51.994"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="4" y="301"
width="46" height="51.994"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="5" y="302"
width="44" height="47.994"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="5" y="302"
width="44" height="47.994"
rx="4" fill="#fcfcfc"/>
<rect x="5" y="302"
width="44" height="47.994"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="58" y="301"
width="46" height="51.994"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="58" y="301"
width="46" height="51.994"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="59" y="302"
width="44" height="47.994"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="59" y="302"
width="44" height="47.994"
rx="4" fill="#fcfcfc"/>
<rect x="59" y="302"
width="44" height="47.994"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="112" y="301"
width="46" height="51.994"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="112" y="301"
width="46" height="51.994"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="113" y="302"
width="44" height="47.994"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="113" y="302"
width="44" height="47.994"
rx="4" fill="#fcfcfc"/>
<rect x="113" y="302"
width="44" height="47.994"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="166" y="301"
width="59.5" height="51.994"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="166" y="301"
width="59.5" height="51.994"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="167" y="302"
width="57.5" height="47.994"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="167" y="302"
width="57.5" height="47.994"
rx="4" fill="#fcfcfc"/>
<rect x="167" y="302"
width="57.5" height="47.994"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="233.5" y="301"
width="262" height="51.994"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="233.5" y="301"
width="262" height="51.994"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="234.5" y="302"
width="260" height="47.994"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="234.5" y="302"
width="260" height="47.994"
rx="4" fill="#fcfcfc"/>
<rect x="234.5" y="302"
width="260" height="47.994"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="503.5" y="301"
width="59.5" height="51.994"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="503.5" y="301"
width="59.5" height="51.994"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="504.5" y="302"
width="57.5" height="47.994"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="504.5" y="302"
width="57.5" height="47.994"
rx="4" fill="#fcfcfc"/>
<rect x="504.5" y="302"
width="57.5" height="47.994"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="571" y="301"
width="46" height="51.994"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="571" y="301"
width="46" height="51.994"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="572" y="302"
width="44" height="47.994"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="572" y="302"
width="44" height="47.994"
rx="4" fill="#fcfcfc"/>
<rect x="572" y="302"
width="44" height="47.994"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="679" y="301"
width="46" height="24.994"
rx="4" fill="#ffb07b" class="outer border"/>
<!-- Outer Fill -->
<rect x="679" y="301"
width="46" height="24.994"
rx="4" fill="#ffb07b"/>
<!-- Inner Border -->
<rect x="680" y="302"
width="44" height="20.994"
rx="4" fill="#ffdda6" class="inner border"/>
<!-- Inner Fill -->
<rect x="680" y="302"
width="44" height="20.994"
rx="4" fill="#ffdda6"/>
<rect x="680" y="302"
width="44" height="20.994"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="625" y="328"
width="46" height="24.9994"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="625" y="328"
width="46" height="24.9994"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="626" y="329"
width="44" height="20.9994"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="626" y="329"
width="44" height="20.9994"
rx="4" fill="#fcfcfc"/>
<rect x="626" y="329"
width="44" height="20.9994"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="679" y="328"
width="46" height="24.9994"
rx="4" fill="#ffe08d" class="outer border"/>
<!-- Outer Fill -->
<rect x="679" y="328"
width="46" height="24.9994"
rx="4" fill="#ffe08d"/>
<!-- Inner Border -->
<rect x="680" y="329"
width="44" height="20.9994"
rx="4" fill="#fffca7" class="inner border"/>
<!-- Inner Fill -->
<rect x="680" y="329"
width="44" height="20.9994"
rx="4" fill="#fffca7"/>
<rect x="680" y="329"
width="44" height="20.9994"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="733" y="328"
width="46" height="24.9994"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="733" y="328"
width="46" height="24.9994"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="734" y="329"
width="44" height="20.9994"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="734" y="329"
width="44" height="20.9994"
rx="4" fill="#fcfcfc"/>
<rect x="734" y="329"
width="44" height="20.9994"
rx="4" fill="url(#CHICKLET)"/>
</g>
</g>
</g>
</svg>
Display the source blob
Display the rendered blob
Raw
keyboard-layout (1).svg
<svg width='813px'
height='386.9994px'
viewBox='0 0 813 386.9994'
xmlns='http://www.w3.org/2000/svg'
xmlns:xlink="http://www.w3.org/1999/xlink">
<style type='text/css'>
.keycap .border { stroke: black; stroke-width: 2; }
.keycap .inner.border { stroke: rgba(0,0,0,.1); }
</style>
<defs>
<linearGradient id="DCS">
<stop offset="0%" stop-color="black" stop-opacity="0"/>
<stop offset="40%" stop-color="black" stop-opacity="0.1"/>
<stop offset="60%" stop-color="black" stop-opacity="0.1"/>
<stop offset="100%" stop-color="black" stop-opacity="0"/>
</linearGradient>
<linearGradient id="SPACE" x1="0%" x2="0%" y1="0%" y2="100%">
<stop offset="0%" stop-color="black" stop-opacity="0.1"/>
<stop offset="20%" stop-color="black" stop-opacity="0.0"/>
<stop offset="40%" stop-color="black" stop-opacity="0.0"/>
<stop offset="100%" stop-color="black" stop-opacity="0.1"/>
</linearGradient>
<radialGradient id="DSA">
<stop offset="0%" stop-color="black" stop-opacity="0.1"/>
<stop offset="10%" stop-color="black" stop-opacity="0.1"/>
<stop offset="100%" stop-color="black" stop-opacity="0"/>
</radialGradient>
<radialGradient id="SA" xlink:href="#DSA" />
</defs>
<g transform='translate(10,10)'>
<rect width="793" height="366.9994"
stroke="#ddd" stroke-width="1" fill="#dbdbdb" rx="6"/>
<g transform='translate(5,5)'>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="4" y="44.5"
width="47.927800000000005" height="32.5"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="4" y="44.5"
width="47.927800000000005" height="32.5"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="5" y="45.5"
width="45.927800000000005" height="28.5"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="5" y="45.5"
width="45.927800000000005" height="28.5"
rx="4" fill="#fcfcfc"/>
<rect x="5" y="45.5"
width="45.927800000000005" height="28.5"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="59.927800000000005" y="44.5"
width="47.927800000000005" height="32.5"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="59.927800000000005" y="44.5"
width="47.927800000000005" height="32.5"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="60.927800000000005" y="45.5"
width="45.927800000000005" height="28.5"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="60.927800000000005" y="45.5"
width="45.927800000000005" height="28.5"
rx="4" fill="#fcfcfc"/>
<rect x="60.927800000000005" y="45.5"
width="45.927800000000005" height="28.5"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="115.85560000000001" y="44.5"
width="47.927800000000005" height="32.5"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="115.85560000000001" y="44.5"
width="47.927800000000005" height="32.5"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="116.85560000000001" y="45.5"
width="45.927800000000005" height="28.5"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="116.85560000000001" y="45.5"
width="45.927800000000005" height="28.5"
rx="4" fill="#fcfcfc"/>
<rect x="116.85560000000001" y="45.5"
width="45.927800000000005" height="28.5"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="171.7834" y="44.5"
width="47.927800000000005" height="32.5"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="171.7834" y="44.5"
width="47.927800000000005" height="32.5"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="172.7834" y="45.5"
width="45.927800000000005" height="28.5"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="172.7834" y="45.5"
width="45.927800000000005" height="28.5"
rx="4" fill="#fcfcfc"/>
<rect x="172.7834" y="45.5"
width="45.927800000000005" height="28.5"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="227.71120000000002" y="44.5"
width="47.927800000000005" height="32.5"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="227.71120000000002" y="44.5"
width="47.927800000000005" height="32.5"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="228.71120000000002" y="45.5"
width="45.927800000000005" height="28.5"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="228.71120000000002" y="45.5"
width="45.927800000000005" height="28.5"
rx="4" fill="#fcfcfc"/>
<rect x="228.71120000000002" y="45.5"
width="45.927800000000005" height="28.5"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="283.639" y="44.5"
width="47.927800000000005" height="32.5"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="283.639" y="44.5"
width="47.927800000000005" height="32.5"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="284.639" y="45.5"
width="45.927800000000005" height="28.5"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="284.639" y="45.5"
width="45.927800000000005" height="28.5"
rx="4" fill="#fcfcfc"/>
<rect x="284.639" y="45.5"
width="45.927800000000005" height="28.5"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="339.56680000000006" y="44.5"
width="47.927800000000005" height="32.5"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="339.56680000000006" y="44.5"
width="47.927800000000005" height="32.5"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="340.56680000000006" y="45.5"
width="45.927800000000005" height="28.5"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="340.56680000000006" y="45.5"
width="45.927800000000005" height="28.5"
rx="4" fill="#fcfcfc"/>
<rect x="340.56680000000006" y="45.5"
width="45.927800000000005" height="28.5"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="395.49460000000005" y="44.5"
width="47.927800000000005" height="32.5"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="395.49460000000005" y="44.5"
width="47.927800000000005" height="32.5"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="396.49460000000005" y="45.5"
width="45.927800000000005" height="28.5"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="396.49460000000005" y="45.5"
width="45.927800000000005" height="28.5"
rx="4" fill="#fcfcfc"/>
<rect x="396.49460000000005" y="45.5"
width="45.927800000000005" height="28.5"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="451.42240000000004" y="44.5"
width="47.927800000000005" height="32.5"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="451.42240000000004" y="44.5"
width="47.927800000000005" height="32.5"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="452.42240000000004" y="45.5"
width="45.927800000000005" height="28.5"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="452.42240000000004" y="45.5"
width="45.927800000000005" height="28.5"
rx="4" fill="#fcfcfc"/>
<rect x="452.42240000000004" y="45.5"
width="45.927800000000005" height="28.5"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="507.35020000000003" y="44.5"
width="47.927800000000005" height="32.5"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="507.35020000000003" y="44.5"
width="47.927800000000005" height="32.5"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="508.35020000000003" y="45.5"
width="45.927800000000005" height="28.5"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="508.35020000000003" y="45.5"
width="45.927800000000005" height="28.5"
rx="4" fill="#fcfcfc"/>
<rect x="508.35020000000003" y="45.5"
width="45.927800000000005" height="28.5"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="563.278" y="44.5"
width="47.927800000000005" height="32.5"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="563.278" y="44.5"
width="47.927800000000005" height="32.5"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="564.278" y="45.5"
width="45.927800000000005" height="28.5"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="564.278" y="45.5"
width="45.927800000000005" height="28.5"
rx="4" fill="#fcfcfc"/>
<rect x="564.278" y="45.5"
width="45.927800000000005" height="28.5"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="619.2058000000001" y="44.5"
width="47.927800000000005" height="32.5"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="619.2058000000001" y="44.5"
width="47.927800000000005" height="32.5"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="620.2058000000001" y="45.5"
width="45.927800000000005" height="28.5"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="620.2058000000001" y="45.5"
width="45.927800000000005" height="28.5"
rx="4" fill="#fcfcfc"/>
<rect x="620.2058000000001" y="45.5"
width="45.927800000000005" height="28.5"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="675.1336000000001" y="44.5"
width="47.927800000000005" height="32.5"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="675.1336000000001" y="44.5"
width="47.927800000000005" height="32.5"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="676.1336000000001" y="45.5"
width="45.927800000000005" height="28.5"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="676.1336000000001" y="45.5"
width="45.927800000000005" height="28.5"
rx="4" fill="#fcfcfc"/>
<rect x="676.1336000000001" y="45.5"
width="45.927800000000005" height="28.5"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="731.0614" y="44.5"
width="47.927800000000005" height="32.5"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="731.0614" y="44.5"
width="47.927800000000005" height="32.5"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="732.0614" y="45.5"
width="45.927800000000005" height="28.5"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="732.0614" y="45.5"
width="45.927800000000005" height="28.5"
rx="4" fill="#fcfcfc"/>
<rect x="732.0614" y="45.5"
width="45.927800000000005" height="28.5"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="4" y="85"
width="46" height="46"
rx="4" fill="#51c0dd" class="outer border"/>
<!-- Outer Fill -->
<rect x="4" y="85"
width="46" height="46"
rx="4" fill="#51c0dd"/>
<!-- Inner Border -->
<rect x="5" y="86"
width="44" height="42"
rx="4" fill="#81eaff" class="inner border"/>
<!-- Inner Fill -->
<rect x="5" y="86"
width="44" height="42"
rx="4" fill="#81eaff"/>
<rect x="5" y="86"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="58" y="85"
width="46" height="46"
rx="4" fill="#7adabd" class="outer border"/>
<!-- Outer Fill -->
<rect x="58" y="85"
width="46" height="46"
rx="4" fill="#7adabd"/>
<!-- Inner Border -->
<rect x="59" y="86"
width="44" height="42"
rx="4" fill="#a9ffec" class="inner border"/>
<!-- Inner Fill -->
<rect x="59" y="86"
width="44" height="42"
rx="4" fill="#a9ffec"/>
<rect x="59" y="86"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="112" y="85"
width="46" height="46"
rx="4" fill="#7adabd" class="outer border"/>
<!-- Outer Fill -->
<rect x="112" y="85"
width="46" height="46"
rx="4" fill="#7adabd"/>
<!-- Inner Border -->
<rect x="113" y="86"
width="44" height="42"
rx="4" fill="#a9ffec" class="inner border"/>
<!-- Inner Fill -->
<rect x="113" y="86"
width="44" height="42"
rx="4" fill="#a9ffec"/>
<rect x="113" y="86"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="166" y="85"
width="46" height="46"
rx="4" fill="#7adabd" class="outer border"/>
<!-- Outer Fill -->
<rect x="166" y="85"
width="46" height="46"
rx="4" fill="#7adabd"/>
<!-- Inner Border -->
<rect x="167" y="86"
width="44" height="42"
rx="4" fill="#a9ffec" class="inner border"/>
<!-- Inner Fill -->
<rect x="167" y="86"
width="44" height="42"
rx="4" fill="#a9ffec"/>
<rect x="167" y="86"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="220" y="85"
width="46" height="46"
rx="4" fill="#7adabd" class="outer border"/>
<!-- Outer Fill -->
<rect x="220" y="85"
width="46" height="46"
rx="4" fill="#7adabd"/>
<!-- Inner Border -->
<rect x="221" y="86"
width="44" height="42"
rx="4" fill="#a9ffec" class="inner border"/>
<!-- Inner Fill -->
<rect x="221" y="86"
width="44" height="42"
rx="4" fill="#a9ffec"/>
<rect x="221" y="86"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="274" y="85"
width="46" height="46"
rx="4" fill="#7adabd" class="outer border"/>
<!-- Outer Fill -->
<rect x="274" y="85"
width="46" height="46"
rx="4" fill="#7adabd"/>
<!-- Inner Border -->
<rect x="275" y="86"
width="44" height="42"
rx="4" fill="#a9ffec" class="inner border"/>
<!-- Inner Fill -->
<rect x="275" y="86"
width="44" height="42"
rx="4" fill="#a9ffec"/>
<rect x="275" y="86"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="328" y="85"
width="46" height="46"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="328" y="85"
width="46" height="46"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="329" y="86"
width="44" height="42"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="329" y="86"
width="44" height="42"
rx="4" fill="#fcfcfc"/>
<rect x="329" y="86"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="382" y="85"
width="46" height="46"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="382" y="85"
width="46" height="46"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="383" y="86"
width="44" height="42"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="383" y="86"
width="44" height="42"
rx="4" fill="#fcfcfc"/>
<rect x="383" y="86"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="436" y="85"
width="46" height="46"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="436" y="85"
width="46" height="46"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="437" y="86"
width="44" height="42"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="437" y="86"
width="44" height="42"
rx="4" fill="#fcfcfc"/>
<rect x="437" y="86"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="490" y="85"
width="46" height="46"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="490" y="85"
width="46" height="46"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="491" y="86"
width="44" height="42"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="491" y="86"
width="44" height="42"
rx="4" fill="#fcfcfc"/>
<rect x="491" y="86"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="544" y="85"
width="46" height="46"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="544" y="85"
width="46" height="46"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="545" y="86"
width="44" height="42"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="545" y="86"
width="44" height="42"
rx="4" fill="#fcfcfc"/>
<rect x="545" y="86"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="598" y="85"
width="46" height="46"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="598" y="85"
width="46" height="46"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="599" y="86"
width="44" height="42"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="599" y="86"
width="44" height="42"
rx="4" fill="#fcfcfc"/>
<rect x="599" y="86"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="652" y="85"
width="46" height="46"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="652" y="85"
width="46" height="46"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="653" y="86"
width="44" height="42"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="653" y="86"
width="44" height="42"
rx="4" fill="#fcfcfc"/>
<rect x="653" y="86"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="706" y="85"
width="73" height="46"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="706" y="85"
width="73" height="46"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="707" y="86"
width="71" height="42"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="707" y="86"
width="71" height="42"
rx="4" fill="#fcfcfc"/>
<rect x="707" y="86"
width="71" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="4" y="139"
width="73" height="46"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="4" y="139"
width="73" height="46"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="5" y="140"
width="71" height="42"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="5" y="140"
width="71" height="42"
rx="4" fill="#fcfcfc"/>
<rect x="5" y="140"
width="71" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="85" y="139"
width="46" height="46"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="85" y="139"
width="46" height="46"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="86" y="140"
width="44" height="42"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="86" y="140"
width="44" height="42"
rx="4" fill="#fcfcfc"/>
<rect x="86" y="140"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="139" y="139"
width="46" height="46"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="139" y="139"
width="46" height="46"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="140" y="140"
width="44" height="42"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="140" y="140"
width="44" height="42"
rx="4" fill="#fcfcfc"/>
<rect x="140" y="140"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="193" y="139"
width="46" height="46"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="193" y="139"
width="46" height="46"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="194" y="140"
width="44" height="42"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="194" y="140"
width="44" height="42"
rx="4" fill="#fcfcfc"/>
<rect x="194" y="140"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="247" y="139"
width="46" height="46"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="247" y="139"
width="46" height="46"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="248" y="140"
width="44" height="42"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="248" y="140"
width="44" height="42"
rx="4" fill="#fcfcfc"/>
<rect x="248" y="140"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="301" y="139"
width="46" height="46"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="301" y="139"
width="46" height="46"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="302" y="140"
width="44" height="42"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="302" y="140"
width="44" height="42"
rx="4" fill="#fcfcfc"/>
<rect x="302" y="140"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="355" y="139"
width="46" height="46"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="355" y="139"
width="46" height="46"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="356" y="140"
width="44" height="42"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="356" y="140"
width="44" height="42"
rx="4" fill="#fcfcfc"/>
<rect x="356" y="140"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="409" y="139"
width="46" height="46"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="409" y="139"
width="46" height="46"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="410" y="140"
width="44" height="42"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="410" y="140"
width="44" height="42"
rx="4" fill="#fcfcfc"/>
<rect x="410" y="140"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="463" y="139"
width="46" height="46"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="463" y="139"
width="46" height="46"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="464" y="140"
width="44" height="42"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="464" y="140"
width="44" height="42"
rx="4" fill="#fcfcfc"/>
<rect x="464" y="140"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="517" y="139"
width="46" height="46"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="517" y="139"
width="46" height="46"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="518" y="140"
width="44" height="42"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="518" y="140"
width="44" height="42"
rx="4" fill="#fcfcfc"/>
<rect x="518" y="140"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="571" y="139"
width="46" height="46"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="571" y="139"
width="46" height="46"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="572" y="140"
width="44" height="42"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="572" y="140"
width="44" height="42"
rx="4" fill="#fcfcfc"/>
<rect x="572" y="140"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="625" y="139"
width="46" height="46"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="625" y="139"
width="46" height="46"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="626" y="140"
width="44" height="42"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="626" y="140"
width="44" height="42"
rx="4" fill="#fcfcfc"/>
<rect x="626" y="140"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="679" y="139"
width="46" height="46"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="679" y="139"
width="46" height="46"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="680" y="140"
width="44" height="42"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="680" y="140"
width="44" height="42"
rx="4" fill="#fcfcfc"/>
<rect x="680" y="140"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="733" y="139"
width="46" height="46"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="733" y="139"
width="46" height="46"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="734" y="140"
width="44" height="42"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="734" y="140"
width="44" height="42"
rx="4" fill="#fcfcfc"/>
<rect x="734" y="140"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="4" y="193"
width="86.5" height="46"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="4" y="193"
width="86.5" height="46"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="5" y="194"
width="84.5" height="42"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="5" y="194"
width="84.5" height="42"
rx="4" fill="#fcfcfc"/>
<rect x="5" y="194"
width="84.5" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="98.5" y="193"
width="46" height="46"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="98.5" y="193"
width="46" height="46"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="99.5" y="194"
width="44" height="42"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="99.5" y="194"
width="44" height="42"
rx="4" fill="#fcfcfc"/>
<rect x="99.5" y="194"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="152.5" y="193"
width="46" height="46"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="152.5" y="193"
width="46" height="46"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="153.5" y="194"
width="44" height="42"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="153.5" y="194"
width="44" height="42"
rx="4" fill="#fcfcfc"/>
<rect x="153.5" y="194"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="206.5" y="193"
width="46" height="46"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="206.5" y="193"
width="46" height="46"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="207.5" y="194"
width="44" height="42"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="207.5" y="194"
width="44" height="42"
rx="4" fill="#fcfcfc"/>
<rect x="207.5" y="194"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="260.5" y="193"
width="46" height="46"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="260.5" y="193"
width="46" height="46"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="261.5" y="194"
width="44" height="42"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="261.5" y="194"
width="44" height="42"
rx="4" fill="#fcfcfc"/>
<rect x="261.5" y="194"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="314.5" y="193"
width="46" height="46"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="314.5" y="193"
width="46" height="46"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="315.5" y="194"
width="44" height="42"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="315.5" y="194"
width="44" height="42"
rx="4" fill="#fcfcfc"/>
<rect x="315.5" y="194"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="368.5" y="193"
width="46" height="46"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="368.5" y="193"
width="46" height="46"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="369.5" y="194"
width="44" height="42"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="369.5" y="194"
width="44" height="42"
rx="4" fill="#fcfcfc"/>
<rect x="369.5" y="194"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="422.5" y="193"
width="46" height="46"
rx="4" fill="#ffe08d" class="outer border"/>
<!-- Outer Fill -->
<rect x="422.5" y="193"
width="46" height="46"
rx="4" fill="#ffe08d"/>
<!-- Inner Border -->
<rect x="423.5" y="194"
width="44" height="42"
rx="4" fill="#fffca7" class="inner border"/>
<!-- Inner Fill -->
<rect x="423.5" y="194"
width="44" height="42"
rx="4" fill="#fffca7"/>
<rect x="423.5" y="194"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="476.5" y="193"
width="46" height="46"
rx="4" fill="#ffb07b" class="outer border"/>
<!-- Outer Fill -->
<rect x="476.5" y="193"
width="46" height="46"
rx="4" fill="#ffb07b"/>
<!-- Inner Border -->
<rect x="477.5" y="194"
width="44" height="42"
rx="4" fill="#ffdda6" class="inner border"/>
<!-- Inner Fill -->
<rect x="477.5" y="194"
width="44" height="42"
rx="4" fill="#ffdda6"/>
<rect x="477.5" y="194"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="530.5" y="193"
width="46" height="46"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="530.5" y="193"
width="46" height="46"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="531.5" y="194"
width="44" height="42"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="531.5" y="194"
width="44" height="42"
rx="4" fill="#fcfcfc"/>
<rect x="531.5" y="194"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="584.5" y="193"
width="46" height="46"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="584.5" y="193"
width="46" height="46"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="585.5" y="194"
width="44" height="42"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="585.5" y="194"
width="44" height="42"
rx="4" fill="#fcfcfc"/>
<rect x="585.5" y="194"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="638.5" y="193"
width="46" height="46"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="638.5" y="193"
width="46" height="46"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="639.5" y="194"
width="44" height="42"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="639.5" y="194"
width="44" height="42"
rx="4" fill="#fcfcfc"/>
<rect x="639.5" y="194"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="692.5" y="193"
width="86.5" height="46"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="692.5" y="193"
width="86.5" height="46"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="693.5" y="194"
width="84.5" height="42"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="693.5" y="194"
width="84.5" height="42"
rx="4" fill="#fcfcfc"/>
<rect x="693.5" y="194"
width="84.5" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="4" y="247"
width="113.5" height="46"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="4" y="247"
width="113.5" height="46"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="5" y="248"
width="111.5" height="42"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="5" y="248"
width="111.5" height="42"
rx="4" fill="#fcfcfc"/>
<rect x="5" y="248"
width="111.5" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="125.5" y="247"
width="46" height="46"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="125.5" y="247"
width="46" height="46"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="126.5" y="248"
width="44" height="42"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="126.5" y="248"
width="44" height="42"
rx="4" fill="#fcfcfc"/>
<rect x="126.5" y="248"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="179.5" y="247"
width="46" height="46"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="179.5" y="247"
width="46" height="46"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="180.5" y="248"
width="44" height="42"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="180.5" y="248"
width="44" height="42"
rx="4" fill="#fcfcfc"/>
<rect x="180.5" y="248"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="233.5" y="247"
width="46" height="46"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="233.5" y="247"
width="46" height="46"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="234.5" y="248"
width="44" height="42"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="234.5" y="248"
width="44" height="42"
rx="4" fill="#fcfcfc"/>
<rect x="234.5" y="248"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="287.5" y="247"
width="46" height="46"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="287.5" y="247"
width="46" height="46"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="288.5" y="248"
width="44" height="42"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="288.5" y="248"
width="44" height="42"
rx="4" fill="#fcfcfc"/>
<rect x="288.5" y="248"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="341.5" y="247"
width="46" height="46"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="341.5" y="247"
width="46" height="46"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="342.5" y="248"
width="44" height="42"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="342.5" y="248"
width="44" height="42"
rx="4" fill="#fcfcfc"/>
<rect x="342.5" y="248"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="395.5" y="247"
width="46" height="46"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="395.5" y="247"
width="46" height="46"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="396.5" y="248"
width="44" height="42"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="396.5" y="248"
width="44" height="42"
rx="4" fill="#fcfcfc"/>
<rect x="396.5" y="248"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="449.5" y="247"
width="46" height="46"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="449.5" y="247"
width="46" height="46"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="450.5" y="248"
width="44" height="42"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="450.5" y="248"
width="44" height="42"
rx="4" fill="#fcfcfc"/>
<rect x="450.5" y="248"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="503.5" y="247"
width="46" height="46"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="503.5" y="247"
width="46" height="46"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="504.5" y="248"
width="44" height="42"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="504.5" y="248"
width="44" height="42"
rx="4" fill="#fcfcfc"/>
<rect x="504.5" y="248"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="557.5" y="247"
width="46" height="46"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="557.5" y="247"
width="46" height="46"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="558.5" y="248"
width="44" height="42"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="558.5" y="248"
width="44" height="42"
rx="4" fill="#fcfcfc"/>
<rect x="558.5" y="248"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="611.5" y="247"
width="46" height="46"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="611.5" y="247"
width="46" height="46"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="612.5" y="248"
width="44" height="42"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="612.5" y="248"
width="44" height="42"
rx="4" fill="#fcfcfc"/>
<rect x="612.5" y="248"
width="44" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="665.5" y="247"
width="113.5" height="46"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="665.5" y="247"
width="113.5" height="46"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="666.5" y="248"
width="111.5" height="42"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="666.5" y="248"
width="111.5" height="42"
rx="4" fill="#fcfcfc"/>
<rect x="666.5" y="248"
width="111.5" height="42"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="4" y="301"
width="46" height="51.994"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="4" y="301"
width="46" height="51.994"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="5" y="302"
width="44" height="47.994"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="5" y="302"
width="44" height="47.994"
rx="4" fill="#fcfcfc"/>
<rect x="5" y="302"
width="44" height="47.994"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="58" y="301"
width="46" height="51.994"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="58" y="301"
width="46" height="51.994"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="59" y="302"
width="44" height="47.994"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="59" y="302"
width="44" height="47.994"
rx="4" fill="#fcfcfc"/>
<rect x="59" y="302"
width="44" height="47.994"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="112" y="301"
width="46" height="51.994"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="112" y="301"
width="46" height="51.994"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="113" y="302"
width="44" height="47.994"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="113" y="302"
width="44" height="47.994"
rx="4" fill="#fcfcfc"/>
<rect x="113" y="302"
width="44" height="47.994"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="166" y="301"
width="59.5" height="51.994"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="166" y="301"
width="59.5" height="51.994"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="167" y="302"
width="57.5" height="47.994"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="167" y="302"
width="57.5" height="47.994"
rx="4" fill="#fcfcfc"/>
<rect x="167" y="302"
width="57.5" height="47.994"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="233.5" y="301"
width="262" height="51.994"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="233.5" y="301"
width="262" height="51.994"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="234.5" y="302"
width="260" height="47.994"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="234.5" y="302"
width="260" height="47.994"
rx="4" fill="#fcfcfc"/>
<rect x="234.5" y="302"
width="260" height="47.994"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="503.5" y="301"
width="59.5" height="51.994"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="503.5" y="301"
width="59.5" height="51.994"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="504.5" y="302"
width="57.5" height="47.994"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="504.5" y="302"
width="57.5" height="47.994"
rx="4" fill="#fcfcfc"/>
<rect x="504.5" y="302"
width="57.5" height="47.994"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="571" y="301"
width="46" height="51.994"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="571" y="301"
width="46" height="51.994"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="572" y="302"
width="44" height="47.994"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="572" y="302"
width="44" height="47.994"
rx="4" fill="#fcfcfc"/>
<rect x="572" y="302"
width="44" height="47.994"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="679" y="301"
width="46" height="24.994"
rx="4" fill="#ffb07b" class="outer border"/>
<!-- Outer Fill -->
<rect x="679" y="301"
width="46" height="24.994"
rx="4" fill="#ffb07b"/>
<!-- Inner Border -->
<rect x="680" y="302"
width="44" height="20.994"
rx="4" fill="#ffdda6" class="inner border"/>
<!-- Inner Fill -->
<rect x="680" y="302"
width="44" height="20.994"
rx="4" fill="#ffdda6"/>
<rect x="680" y="302"
width="44" height="20.994"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="625" y="328"
width="46" height="24.9994"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="625" y="328"
width="46" height="24.9994"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="626" y="329"
width="44" height="20.9994"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="626" y="329"
width="44" height="20.9994"
rx="4" fill="#fcfcfc"/>
<rect x="626" y="329"
width="44" height="20.9994"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="679" y="328"
width="46" height="24.9994"
rx="4" fill="#ffe08d" class="outer border"/>
<!-- Outer Fill -->
<rect x="679" y="328"
width="46" height="24.9994"
rx="4" fill="#ffe08d"/>
<!-- Inner Border -->
<rect x="680" y="329"
width="44" height="20.9994"
rx="4" fill="#fffca7" class="inner border"/>
<!-- Inner Fill -->
<rect x="680" y="329"
width="44" height="20.9994"
rx="4" fill="#fffca7"/>
<rect x="680" y="329"
width="44" height="20.9994"
rx="4" fill="url(#CHICKLET)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="733" y="328"
width="46" height="24.9994"
rx="4" fill="#cccccc" class="outer border"/>
<!-- Outer Fill -->
<rect x="733" y="328"
width="46" height="24.9994"
rx="4" fill="#cccccc"/>
<!-- Inner Border -->
<rect x="734" y="329"
width="44" height="20.9994"
rx="4" fill="#fcfcfc" class="inner border"/>
<!-- Inner Fill -->
<rect x="734" y="329"
width="44" height="20.9994"
rx="4" fill="#fcfcfc"/>
<rect x="734" y="329"
width="44" height="20.9994"
rx="4" fill="url(#CHICKLET)"/>
</g>
</g>
</g>
</svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment