VCVRack
/
Rack
mirror of https://github.com/VCVRack/Rack.git
1
0
Fork 0
Code Issues 0 Releases 44 Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1155 Commits
4 Branches
595MB
Tree: 915483eed2
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from '915483eed2'
${ noResults }
Rack/plugins/community/repos/Bogaudio/res-src/Additator-src.svg

409 lines
22KB
Raw Blame History 

  1. <svg

  2.   version="1.1"

  3.   xmlns="http://www.w3.org/2000/svg"

  4.   xmlns:xlink="http://www.w3.org/1999/xlink"

  5.   width="225"

  6.   height="380"

  7.   viewBox="0 0 225 380"

  8. >

  9.   <style>

  10.     text {

  11.       fill: #333;

  12.       font-family: 'Roboto', sans-serif;

  13.       font-weight: bold;

  14.     }

  15.     text.title {

  16.       font-family: 'Comfortaa', sans-serif;

  17.       font-weight: normal;

  18.     }

  19.     text.brand {

  20.       font-family: 'Audiowide', sans-serif;

  21.       font-weight: bold;

  22.     }

  23.   </style>

  24. 

  25.   <defs>

  26.     <symbol id="knob-large" viewBox="0 0 68px 68px">

  27.       <g transform="translate(34 34)">

  28.         <polyline points="-10,0 10,0" stroke-width="1" stroke="#00f" />

  29.         <polyline points="0,-10 0,10" stroke-width="1" stroke="#00f" />

  30.         <circle cx="0" cy="0" r="33.5" stroke-width="1" stroke="#00f" fill="none" />

  31.       </g>

  32.     </symbol>

  33. 

  34.     <symbol id="knob" viewBox="0 0 38px 38px">

  35.       <g transform="translate(19 19)">

  36.         <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f" />

  37.         <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f" />

  38.         <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none" />

  39.       </g>

  40.     </symbol>

  41. 

  42.     <symbol id="knob-medium" viewBox="0 0 26px 26px">

  43.       <g transform="translate(13 13)">

  44.         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f" />

  45.         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f" />

  46.         <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none" />

  47.       </g>

  48.     </symbol>

  49. 

  50.     <symbol id="knob-smallest" viewBox="0 0 16px 16px">

  51.       <g transform="translate(8 8)">

  52.         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f" />

  53.         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f" />

  54.         <circle r="7.5" stroke-width="1" stroke="#00f" fill="none" />

  55.       </g>

  56.     </symbol>

  57. 

  58.     <symbol id="knobguide-frequency" viewBox="0 0 108px 108px">

  59.       <g transform="translate(54 54)">

  60.         <g transform="rotate(-240) translate(34 0)">

  61.           <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)" />

  62.           <text font-size="7.0pt" transform="translate(14 0) rotate(240) translate(-6 3)">-3</text>

  63.         </g>

  64.         <g transform="rotate(-220.56) translate(34 0)">

  65.           <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="translate(3 0)" />

  66.         </g>

  67. 

  68.         <g transform="rotate(-206.667) translate(34 0)">

  69.           <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)" />

  70.           <text font-size="7.0pt" transform="translate(14 0) rotate(206.667) translate(-5.5 3)">-2</text>

  71.         </g>

  72.         <g transform="rotate(-187.23) translate(34 0)">

  73.           <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="translate(3 0)" />

  74.         </g>

  75. 

  76.         <g transform="rotate(-173.333) translate(34 0)">

  77.           <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)" />

  78.           <text font-size="7.0pt" transform="translate(14 0) rotate(173.333) translate(-4 3)">-1</text>

  79.         </g>

  80.         <g transform="rotate(-153.89) translate(34 0)">

  81.           <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="translate(3 0)" />

  82.         </g>

  83. 

  84.         <g transform="rotate(-140) translate(34 0)">

  85.           <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)" />

  86.           <text font-size="7.0pt" letter-spacing="1px" transform="translate(16 0) rotate(140) translate(-6 3.5)">0V</text>

  87.         </g>

  88.         <g transform="rotate(-120.56) translate(34 0)">

  89.           <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="translate(3 0)" />

  90.         </g>

  91. 

  92.         <g transform="rotate(-106.667) translate(34 0)">

  93.           <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)" />

  94.           <text font-size="7.0pt" transform="translate(14 0) rotate(106.667) translate(-2.7 3)">1</text>

  95.         </g>

  96.         <g transform="rotate(-87.23) translate(34 0)">

  97.           <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="translate(3 0)" />

  98.         </g>

  99. 

  100.         <g transform="rotate(-73.33) translate(34 0)">

  101.           <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)" />

  102.           <text font-size="7.0pt" transform="translate(14 0) rotate(73.333) translate(-2.7 3)">2</text>

  103.         </g>

  104.         <g transform="rotate(-53.89) translate(34 0)">

  105.           <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="translate(3 0)" />

  106.         </g>

  107. 

  108.         <g transform="rotate(-40) translate(34 0)">

  109.           <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)" />

  110.           <text font-size="7.0pt" transform="translate(14 0) rotate(40) translate(-2.7 3)">3</text>

  111.         </g>

  112.         <g transform="rotate(-20.56) translate(34 0)">

  113.           <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="translate(3 0)" />

  114.         </g>

  115. 

  116.         <g transform="rotate(-6.667) translate(34 0)">

  117.           <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)" />

  118.           <text font-size="7.0pt" transform="translate(14 0) rotate(6.667) translate(-2.7 3)">4</text>

  119.         </g>

  120.         <g transform="rotate(12.77) translate(34 0)">

  121.           <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="translate(3 0)" />

  122.         </g>

  123. 

  124.         <g transform="rotate(26.667) translate(34 0)">

  125.           <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)" />

  126.           <text font-size="7.0pt" transform="translate(14 0) rotate(-26.667) translate(-2.7 3)">5</text>

  127.         </g>

  128.         <g transform="rotate(46.11) translate(34 0)">

  129.           <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="translate(3 0)" />

  130.         </g>

  131. 

  132.         <g transform="rotate(60) translate(34 0)">

  133.           <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)" />

  134.           <text font-size="7.0pt" transform="translate(14 0) rotate(-60) translate(-2.7 3)">6</text>

  135.         </g>

  136.       </g>

  137.     </symbol>

  138. 

  139.     <symbol id="knobguide-partials" viewBox="0 0 70px 70px">

  140.       <g transform="translate(35 35)">

  141.         <text font-size="6.0pt" transform="rotate(-240) translate(25.5 0) rotate(240) translate(-2.5 2.5)">1</text>

  142.         <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-212.73) translate(21 0)" />

  143.         <text font-size="6.0pt" transform="rotate(-182.42) translate(25 0) rotate(182.42) translate(-7 2.8)">20</text>

  144.         <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-152.12) translate(21 0)" />

  145.         <text font-size="6.0pt" transform="rotate(-121.82) translate(25 0) rotate(121.82) translate(-7 2.5)">40</text>

  146.         <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-91.52) translate(21 0)" />

  147.         <text font-size="6.0pt" transform="rotate(-61.21) translate(25 0) rotate(61.21) translate(-3 2.5)">60</text>

  148.         <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-30.91) translate(21 0)" />

  149.         <text font-size="6.0pt" transform="rotate(-0.61) translate(25 0) rotate(0.61) translate(-2.5 2.8)">80</text>

  150.         <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(29.7) translate(21 0)" />

  151.         <text font-size="6.0pt" transform="rotate(60) translate(25.5 0) rotate(-60) translate(-2 2.5)">100</text>

  152.       </g>

  153.     </symbol>

  154. 

  155.     <symbol id="knobguide-attenuverter" viewBox="0 0 45px 45px">

  156.       <g transform="translate(22.5 22.5)">

  157.         <g transform="rotate(-240) translate(15 0)">

  158.           <text font-size="9.0pt" transform="translate(3 0) rotate(240) translate(-2.2 3.6)">-</text>

  159.         </g>

  160.         <g transform="rotate(-210) translate(15 0)">

  161.           <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />

  162.         </g>

  163.         <g transform="rotate(-180) translate(15 0)">

  164.           <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />

  165.         </g>

  166.         <g transform="rotate(-150) translate(15 0)">

  167.           <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />

  168.         </g>

  169.         <g transform="rotate(-120) translate(15 0)">

  170.           <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />

  171.         </g>

  172.         <g transform="rotate(-90) translate(15 0)">

  173.           <text font-size="5.0pt" transform="translate(2 0) rotate(90) translate(-2 2)">0</text>

  174.         </g>

  175.         <g transform="rotate(-60) translate(15 0)">

  176.           <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />

  177.         </g>

  178.         <g transform="rotate(-30) translate(15 0)">

  179.           <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />

  180.         </g>

  181.         <g transform="rotate(0) translate(15 0)">

  182.           <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />

  183.         </g>

  184.         <g transform="rotate(30) translate(15 0)">

  185.           <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />

  186.         </g>

  187.         <g transform="rotate(60) translate(15 0)">

  188.           <text font-size="5.0pt" transform="translate(3 0) rotate(-60) translate(-2 2)">+</text>

  189.         </g>

  190.       </g>

  191.     </symbol>

  192. 

  193.     <symbol id="knobguide-linear" viewBox="0 0 45px 45px">

  194.       <g transform="translate(22.5 22.5)">

  195.         <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-2 2)">0</text>

  196.         <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(15 0)" />

  197.         <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(15 0)" />

  198.         <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(15 0)" />

  199.         <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)" />

  200.         <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(15 0)" />

  201.         <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)" />

  202.         <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(15 0)" />

  203.         <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)" />

  204.         <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)" />

  205.         <polyline points="0,0 3.5,0" stroke-width="1" stroke="#333" transform="rotate(60) translate(15 0)" />

  206.       </g>

  207.     </symbol>

  208. 

  209.     <symbol id="knobguide-centertick" viewBox="0 0 40px 40px">

  210.       <g transform="translate(20 20)">

  211.         <g transform="rotate(-90) translate(10 0)">

  212.           <polyline points="0,0 4,0" stroke-width="1" stroke="#333" />

  213.         </g>

  214.         <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)" />

  215.         <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)" />

  216.         <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)" />

  217.         <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)" />

  218.       </g>

  219.     </symbol>

  220. 

  221.     <symbol id="input" viewBox="0 0 24px 24px">

  222.       <g transform="translate(12 12)">

  223.         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />

  224.         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />

  225.       </g>

  226.     </symbol>

  227. 

  228.     <symbol id="output" viewBox="0 0 24px 24px">

  229.       <g transform="translate(12 12)">

  230.         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />

  231.         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />

  232.       </g>

  233.     </symbol>

  234. 

  235.     <symbol id="button-small" viewBox="0 0 9px 9px">

  236.       <g transform="translate(4.5 4.5)">

  237.         <circle r="4" stroke-width="1" stroke="#00f" fill="#f00" />

  238.       </g>

  239.     </symbol>

  240. 

  241.     <symbol id="light-small" viewBox="0 0 6.4px 6.4px">

  242.       <rect width="6.4" height="6.4" fill="#0f0" />

  243.     </symbol>

  244.   </defs>

  245. 

  246.   <rect width="100%" height="100%" fill="#ddd" />

  247.   <polyline points="1,1 224,1 224,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />

  248.   <polyline points="0.5,0.5 224.5,0.5 224.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />

  249.   <polyline points="0,0 225,0 225,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />

  250. 

  251.   <!-- <rect width="50" height="20" fill="#0f0" transform="translate(0 0)" /> -->

  252.   <!-- <rect width="50" height="20" fill="#0f0" transform="translate(175 0)" /> -->

  253. 

  254.   <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(10 0)" /> -->

  255.   <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(215 0)" /> -->

  256. 

  257.   <text class="title" x="49" y="19" font-size="12pt" letter-spacing="4px">ADDITATOR</text>

  258.   <g transform="translate(72.5 374)">

  259.     <text class="brand" font-size="8pt" letter-spacing="2px">BOGAUDIO</text>

  260.     <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)" />

  261.   </g>

  262. 

  263.   <!-- <polyline points="0,0 225,0" stroke="#f00" stroke-width="1" fill="none" transform="translate(0 135)" /> -->

  264.   <!-- <polyline points="0,0 225,0" stroke="#f00" stroke-width="1" fill="none" transform="translate(0 269)" /> -->

  265.   <!-- <polyline points="0,0 225,0" stroke="#f00" stroke-width="1" fill="none" transform="translate(0 180)" /> -->

  266.   <!-- <polyline points="0,0 225,0" stroke="#f00" stroke-width="1" fill="none" transform="translate(0 224)" /> -->

  267. 

  268.   <g transform="translate(20 25)">

  269.     <!-- <rect width="108" height="98" fill="none" stroke="#0f0" /> -->

  270.     <!-- <polyline points="0,54 254,54" stroke="#0f0" stroke-width="1" fill="none" /> -->

  271.     <!-- <polyline points="54,54 54,354" stroke="#0f0" stroke-width="1" fill="none" /> -->

  272.     <use id="FREQUENCY_PARAM" xlink:href="#knob-large" transform="translate(20 20)" />

  273.   </g>

  274.   <use xlink:href="#knobguide-frequency" transform="translate(20 25)" />

  275. 

  276.   <text font-size="6pt" letter-spacing="1px" transform="translate(30 135)">0V = C4 = 261.63HZ</text>

  277. 

  278.   <g transform="translate(144 60)">

  279.     <!-- <polyline points="0,19 68,19" stroke="#0f0" stroke-width="1" fill="none" /> -->

  280.     <!-- <polyline points="40,-20 40,50" stroke="#0f0" stroke-width="1" fill="none" /> -->

  281.     <text font-size="8pt" letter-spacing="2px" transform="translate(4 50) rotate(270)">PARTIALS</text>

  282.     <use id="PARTIALS_PARAM" xlink:href="#knob" transform="translate(21 0)" />

  283.     <use xlink:href="#knobguide-partials" transform="translate(5 -16)" />

  284.   </g>

  285. 

  286.   <g transform="translate(10 155)">

  287.     <g transform="translate(10 5)">

  288.       <!-- <polyline points="0,-5 70,-5" stroke="#0f0" stroke-width="1" fill="none" /> -->

  289.       <!-- <polyline points="0,8 70,8" stroke="#0f0" stroke-width="1" fill="none" /> -->

  290.       <!-- <polyline points="0,21 70,21" stroke="#0f0" stroke-width="1" fill="none" /> -->

  291.       <!-- <polyline points="21,-10 21,240" stroke="#0f0" stroke-width="1" fill="none" /> -->

  292.       <text font-size="8pt" letter-spacing="2px" transform="translate(-3 22.5) rotate(270)">FINE</text>

  293.       <use id="FINE_PARAM" xlink:href="#knob-smallest" transform="translate(10 0)" />

  294.       <!-- <rect width="90" height="10" fill="#0f0" transform="translate(0 17)" /> -->

  295.     </g>

  296.     <use xlink:href="#knobguide-centertick" transform="translate(8 -7)" />

  297.     <g transform="translate(53 0)">

  298.       <!-- <polyline points="-50,13 168,13" stroke="#0f0" stroke-width="1" fill="none" /> -->

  299.       <text font-size="8pt" letter-spacing="2px" transform="translate(8 33) rotate(270)">WIDTH</text>

  300.       <use id="WIDTH_PARAM" xlink:href="#knob-medium" transform="translate(16 0)" />

  301.     </g>

  302.     <use xlink:href="#knobguide-linear" transform="translate(59.5 -9.5)" />

  303.     <g transform="translate(106 0)">

  304.       <!-- <polyline points="0,19 68,19" stroke="#0f0" stroke-width="1" fill="none" /> -->

  305.       <text font-size="8pt" letter-spacing="2px" transform="translate(8 38) rotate(270)">O-SKEW</text>

  306.       <use id="ODD_SKEW_PARAM" xlink:href="#knob-medium" transform="translate(16 0)" />

  307.     </g>

  308.     <use xlink:href="#knobguide-attenuverter" transform="translate(112.5 -9.5)" />

  309.     <g transform="translate(158 0)">

  310.       <!-- <polyline points="0,19 68,19" stroke="#0f0" stroke-width="1" fill="none" /> -->

  311.       <text font-size="8pt" letter-spacing="2px" transform="translate(8 37.5) rotate(270)">E-SKEW</text>

  312.       <use id="EVEN_SKEW_PARAM" xlink:href="#knob-medium" transform="translate(16 0)" />

  313.     </g>

  314.     <use xlink:href="#knobguide-attenuverter" transform="translate(164.5 -9.5)" />

  315.   </g>

  316. 

  317.   <g transform="translate(10 218)">

  318.     <g transform="translate(-1 0)">

  319.       <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(29 -100)" /> -->

  320.       <!-- <polyline points="0,13 270,13" stroke="#0f0" stroke-width="1" fill="none" /> -->

  321.       <text font-size="8pt" letter-spacing="2px" transform="translate(8 28.5) rotate(270)">GAIN</text>

  322.       <use id="GAIN_PARAM" xlink:href="#knob-medium" transform="translate(16 0)" />

  323.     </g>

  324.     <use xlink:href="#knobguide-linear" transform="translate(5.5 -9.5)" />

  325.     <g transform="translate(53 0)">

  326.       <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(29 -100)" /> -->

  327.       <text font-size="8pt" letter-spacing="2px" transform="translate(8 33.5) rotate(270)">DECAY</text>

  328.       <use id="DECAY_PARAM" xlink:href="#knob-medium" transform="translate(16 0)" />

  329.     </g>

  330.     <use xlink:href="#knobguide-attenuverter" transform="translate(59.5 -9.5)" />

  331.     <g transform="translate(106 0)">

  332.       <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(29 -100)" /> -->

  333.       <text font-size="8pt" letter-spacing="2px" transform="translate(8 43) rotate(270)">BALANCE</text>

  334.       <use id="BALANCE_PARAM" xlink:href="#knob-medium" transform="translate(16 0)" />

  335.     </g>

  336.     <use xlink:href="#knobguide-attenuverter" transform="translate(112.5 -9.5)" />

  337.     <g transform="translate(158 0)">

  338.       <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(29 -100)" /> -->

  339.       <text font-size="8pt" letter-spacing="2px" transform="translate(8 34.5) rotate(270)">FILTER</text>

  340.       <use id="FILTER_PARAM" xlink:href="#knob-medium" transform="translate(16 0)" />

  341.     </g>

  342.     <use xlink:href="#knobguide-attenuverter" transform="translate(164.5 -9.5)" />

  343.   </g>

  344. 

  345.   <g transform="translate(185 272)">

  346.     <use id="SINE_LIGHT" xlink:href="#light-small" transform="translate(0 0)" />

  347.     <text font-size="6pt" letter-spacing="2px" transform="translate(9 6.1)">SIN</text>

  348.     <use id="COSINE_LIGHT" xlink:href="#light-small" transform="translate(0 15)" />

  349.     <text font-size="6pt" letter-spacing="2px" transform="translate(9 21.1)">COS</text>

  350.     <use id="PHASE_PARAM" xlink:href="#button-small" transform="translate(9 27)" />

  351.   </g>

  352. 

  353.   <g transform="translate(0 269)">

  354.     <rect width="205" height="47" rx="5" fill="#bbb" transform="translate(10 44)" />

  355.     <rect width="171" height="91" rx="5" fill="#fafafa" transform="translate(10 0)" />

  356.     <rect width="10" height="10" fill="#fafafa" transform="translate(171 81)" />

  357. 

  358.     <g transform="translate(10 0)">

  359.       <g transform="translate(3 0)">

  360.         <use id="SYNC_INPUT" xlink:href="#input" transform="translate(3 5)" />

  361.         <text font-size="6pt" letter-spacing="1px" transform="translate(3 40)">SYNC</text>

  362.       </g>

  363.       <g transform="translate(37 0)">

  364.         <use id="PARTIALS_INPUT" xlink:href="#input" transform="translate(3 5)" />

  365.         <text font-size="6pt" letter-spacing="1px" transform="translate(0.5 40)">PRTLS</text>

  366.       </g>

  367.       <g transform="translate(71 0)">

  368.         <use id="WIDTH_INPUT" xlink:href="#input" transform="translate(3 5)" />

  369.         <text font-size="6pt" letter-spacing="1px" transform="translate(0.5 40)">WIDTH</text>

  370.       </g>

  371.       <g transform="translate(105 0)">

  372.         <use id="ODD_SKEW_INPUT" xlink:href="#input" transform="translate(3 5)" />

  373.         <text font-size="6pt" letter-spacing="2px" transform="translate(5 40)">OSK</text>

  374.       </g>

  375.       <g transform="translate(139 0)">

  376.         <use id="EVEN_SKEW_INPUT" xlink:href="#input" transform="translate(3 5)" />

  377.         <text font-size="6pt" letter-spacing="2px" transform="translate(5.5 40)">ESK</text>

  378.       </g>

  379.     </g>

  380. 

  381.     <g transform="translate(10 44)">

  382.       <g transform="translate(3 0)">

  383.         <use id="PITCH_INPUT" xlink:href="#input" transform="translate(3 5)" />

  384.         <text font-size="6pt" letter-spacing="1px" transform="translate(1 40)">V/OCT</text>

  385.       </g>

  386.       <g transform="translate(37 0)">

  387.         <use id="GAIN_INPUT" xlink:href="#input" transform="translate(3 5)" />

  388.         <text font-size="6pt" letter-spacing="2px" transform="translate(2 40)">GAIN</text>

  389.       </g>

  390.       <g transform="translate(71 0)">

  391.         <use id="DECAY_INPUT" xlink:href="#input" transform="translate(3 5)" />

  392.         <text font-size="6pt" letter-spacing="1px" transform="translate(1 40)">DECAY</text>

  393.       </g>

  394.       <g transform="translate(105 0)">

  395.         <use id="BALANCE_INPUT" xlink:href="#input" transform="translate(3 5)" />

  396.         <text font-size="6pt" letter-spacing="2px" transform="translate(5.5 40)">BAL</text>

  397.       </g>

  398.       <g transform="translate(139 0)">

  399.         <use id="FILTER_INPUT" xlink:href="#input" transform="translate(3 5)" />

  400.         <text font-size="6pt" letter-spacing="2px" transform="translate(3 40)">FLTR</text>

  401.       </g>

  402.       <g transform="translate(173 0)">

  403.         <use id="AUDIO_OUTPUT" xlink:href="#output" transform="translate(3 5)" />

  404.         <text font-size="6pt" letter-spacing="2px" transform="translate(5 40)">OUT</text>

  405.       </g>

  406.     </g>

  407.   </g>

  408. </svg>