VCVRack
/
Rack
mirror of https://github.com/VCVRack/Rack.git
1
0
Fork 0
Code Issues 0 Releases 43 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.
985 Commits
4 Branches
540MB
Tree: ac788b2673
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from 'ac788b2673'
${ noResults }
Rack/plugins/community/repos/Bogaudio/res-src/EightFO-src.svg

408 lines
23KB
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="255"

  6.   height="380"

  7.   viewBox="0 0 255 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-medium" viewBox="0 0 26px 26px">

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

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

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

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

  39.       </g>

  40.     </symbol>

  41. 

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

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

  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 r="7.5" stroke-width="1" stroke="#00f" fill="none" />

  47.       </g>

  48.     </symbol>

  49. 

  50.     <symbol id="knobguide-frequency-lfo" viewBox="0 0 128px 128px">

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

  52.         <g transform="rotate(-225.08) translate(34 0)">

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

  54.           <text font-size="7.0pt" transform="translate(14 0) rotate(225.08) translate(-10.5 3.5)">0.1</text>

  55.         </g>

  56.         <g transform="rotate(-171.49) translate(34 0)">

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

  58.           <text font-size="7.0pt" transform="translate(14 0) rotate(171.49) translate(-11 3.5)">0.5</text>

  59.         </g>

  60.         <g transform="rotate(-148.42) 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(148.42) translate(-3 3.5)">1</text>

  63.         </g>

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

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

  66.           <text font-size="7.0pt" transform="translate(14 0) rotate(94.83) translate(-3 3.5)">5</text>

  67.         </g>

  68.         <g transform="rotate(-55.39) 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" letter-spacing="1px" transform="translate(14 0) rotate(55.39) translate(-1 3.5)">0V</text>

  71.         </g>

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

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

  74.           <text font-size="7.0pt" transform="translate(14 0) rotate(18.17) translate(-2 3.5)">50</text>

  75.         </g>

  76.         <g transform="rotate(27.98) 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(-27.98) translate(-2 3.5)">200</text>

  79.         </g>

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

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

  82.           <text font-size="7.0pt" transform="translate(14 0) rotate(-51.06) translate(-2 3.5)">400HZ</text>

  83.         </g>

  84. 

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

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

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

  88.         <!-- <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-170.77) translate(37 0)" /> -->

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

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

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

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

  93.         <!-- <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-55.38) translate(37 0)" /> -->

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

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

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

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

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

  99.       </g>

  100.     </symbol>

  101. 

  102.     <symbol id="waves" viewBox="0 0 70px 70px">

  103.       <!-- <polyline points="0,0 0,70" stroke-width="1" stroke="#0f0" transform="translate(20 0)" /> -->

  104.       <g transform="translate(20 35)">

  105.         <!-- <circle r="18" fill="none" stroke="#00f" /> -->

  106.         <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="rotate(-90) translate(11 0)" />

  107.         <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="rotate(-45) translate(11 0)" />

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

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

  110.         <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="rotate(90) translate(11 0)" />

  111.       </g>

  112.       <g transform="translate(14 8)">

  113.         <!-- <rect width="12" height="8" fill="none" stroke-width="1" stroke="#0f0" /> -->

  114.         <polyline points="0,8 12,0 12,8" stroke-width="1" stroke="#333" fill="none" />

  115.       </g>

  116.       <g transform="translate(33.5 13.5)">

  117.         <!-- <rect width="12" height="8" fill="none" stroke-width="1" stroke="#0f0" /> -->

  118.         <polyline points="0,8 0,0 12,8" stroke-width="1" stroke="#333" fill="none" />

  119.       </g>

  120.       <g transform="translate(39 31)">

  121.         <!-- <rect width="12" height="8" fill="none" stroke-width="1" stroke="#0f0" /> -->

  122.         <path d="M 0 4 A 2 3 0 0 1 6 4" stroke="#333" stroke-width="1" fill="none" />

  123.         <path d="M 6 4 A 2 3 0 0 0 12 4" stroke="#333" stroke-width="1" fill="none" />

  124.       </g>

  125.       <g transform="translate(33.5 48.5)">

  126.         <!-- <rect width="12" height="8" fill="none" stroke-width="1" stroke="#0f0" /> -->

  127.         <polyline points="0,4 3,0 9,8 12,4" stroke-width="1" stroke="#333" fill="none" />

  128.       </g>

  129.       <g transform="translate(14 54)">

  130.         <!-- <rect width="12" height="8" fill="none" stroke-width="1" stroke="#0f0" /> -->

  131.         <polyline points="0,4 0,0 6,0 6,8 12,8 12,4" stroke-width="1" stroke="#333" fill="none" />

  132.       </g>

  133.     </symbol>

  134. 

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

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

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

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

  139.         </g>

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

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

  142.         </g>

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

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

  145.         </g>

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

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

  148.         </g>

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

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

  151.         </g>

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

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

  154.         </g>

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

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

  157.         </g>

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

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

  160.         </g>

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

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

  163.         </g>

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

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

  166.         </g>

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

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

  169.         </g>

  170.       </g>

  171.     </symbol>

  172. 

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

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

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

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

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

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

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

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

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

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

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

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

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

  186.       </g>

  187.     </symbol>

  188. 

  189.     <symbol id="knobguide-phase" viewBox="0 0 40px 40px">

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

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

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

  193.         </g>

  194.         <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)" />

  195.         <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)" />

  196.         <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)" />

  197.         <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)" />

  198.       </g>

  199.     </symbol>

  200. 

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

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

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

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

  205.       </g>

  206.     </symbol>

  207. 

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

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

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

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

  212.       </g>

  213.     </symbol>

  214. 

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

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

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

  218.       </g>

  219.     </symbol>

  220. 

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

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

  223.     </symbol>

  224.   </defs>

  225. 

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

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

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

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

  230. 

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

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

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

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

  235. 

  236.   <text class="title" x="114" y="19" font-size="12pt" letter-spacing="4px">8FO</text>

  237.   <g transform="translate(95 374)">

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

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

  240.   </g>

  241. 

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

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

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

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

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

  247.   </g>

  248.   <use xlink:href="#knobguide-frequency-lfo" transform="translate(10 15)" />

  249. 

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

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

  252.   <text font-size="6pt" letter-spacing="1px" transform="translate(33 133)">0V = C0 = 16.35HZ</text>

  253. 

  254.   <g transform="translate(86 335)">

  255.     <!-- <rect width="230" height="15" fill="#0f0" transform="translate(-30 -17)" /> -->

  256.     <!-- <rect width="230" height="15" fill="#0f0" transform="translate(-30 8)" /> -->

  257.     <use id="SLOW_PARAM" xlink:href="#button-small" transform="translate(40 -1.3)" />

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

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

  260.   </g>

  261. 

  262.   <!-- <rect width="230" height="10" fill="#0f0" transform="translate(0 137)" /> -->

  263.   <g transform="translate(10 163)">

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

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

  266.       <use id="WAVE_PARAM" xlink:href="#knob-smallest" transform="translate(0 5)" />

  267.       <!-- <rect width="60" height="60" fill="none" stroke="#0f0" transform="translate(-10 -30) translate(8 13)" /> -->

  268.     </g>

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

  270.       <!-- <polyline points="0,0 170,0" stroke="#f00" stroke-width="1" fill="none" transform="translate(-10 -10)" /> -->

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

  272.       <!-- <polyline points="0,0 0,170" stroke="#0f0" stroke-width="1" fill="none" transform="translate(33 -13)" /> -->

  273.       <!-- <polyline points="0,0 170,0" stroke="#f00" stroke-width="1" fill="none" transform="translate(-10 33)" /> -->

  274.       <text font-size="8pt" letter-spacing="2px" transform="translate(8 38) rotate(270)">SAM/PW</text>

  275.       <use id="SAMPLE_PWM_PARAM" xlink:href="#knob-medium" transform="translate(20 0)" />

  276.     </g>

  277.     <use xlink:href="#knobguide-attenuverter" transform="translate(80.5 -9.6)" />

  278.     <use xlink:href="#waves" transform="translate(-2 -22)" />

  279.   </g>

  280. 

  281.   <!-- <rect width="230" height="10" fill="#0f0" transform="translate(0 203)" /> -->

  282.   <g transform="translate(10 226)">

  283.     <!-- <polyline points="0,0 170,0" stroke="#f00" stroke-width="1" fill="none" transform="translate(10 -10)" /> -->

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

  285.     <!-- <polyline points="0,0 0,170" stroke="#0f0" stroke-width="1" fill="none" transform="translate(43 -13)" /> -->

  286.     <!-- <polyline points="0,0 170,0" stroke="#f00" stroke-width="1" fill="none" transform="translate(10 33)" /> -->

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

  288.       <text font-size="8pt" letter-spacing="2px" transform="translate(8 36.5) rotate(270)">OFFSET</text>

  289.       <use id="OFFSET_PARAM" xlink:href="#knob-medium" transform="translate(20 0)" />

  290.     </g>

  291.     <use xlink:href="#knobguide-attenuverter" transform="translate(20.5 -9.6)" />

  292.     <g transform="translate(70 0)">

  293.       <text font-size="8pt" letter-spacing="2px" transform="translate(8 32) rotate(270)">SCALE</text>

  294.       <use id="SCALE_PARAM" xlink:href="#knob-medium" transform="translate(20 0)" />

  295.     </g>

  296.     <use xlink:href="#knobguide-linear" transform="translate(80.5 -9.6)" />

  297.   </g>

  298. 

  299.   <g transform="translate(137 32)">

  300.     <g transform="translate(3 4)">

  301.       <g transform="translate(0 0)">

  302.         <use id="PHASE7_PARAM" xlink:href="#knob-smallest" transform="translate(4 4)" />

  303.       </g>

  304.       <g transform="translate(0 40)">

  305.         <use id="PHASE6_PARAM" xlink:href="#knob-smallest" transform="translate(4 4)" />

  306.       </g>

  307.       <g transform="translate(0 80)">

  308.         <use id="PHASE5_PARAM" xlink:href="#knob-smallest" transform="translate(4 4)" />

  309.       </g>

  310.       <g transform="translate(0 120)">

  311.         <use id="PHASE4_PARAM" xlink:href="#knob-smallest" transform="translate(4 4)" />

  312.       </g>

  313. 

  314.       <g transform="translate(0 160)">

  315.         <use id="PHASE3_PARAM" xlink:href="#knob-smallest" transform="translate(4 4)" />

  316.       </g>

  317.       <g transform="translate(0 200)">

  318.         <use id="PHASE2_PARAM" xlink:href="#knob-smallest" transform="translate(4 4)" />

  319.       </g>

  320.       <g transform="translate(0 240)">

  321.         <use id="PHASE1_PARAM" xlink:href="#knob-smallest" transform="translate(4 4)" />

  322.       </g>

  323.       <g transform="translate(0 280)">

  324.         <!-- <polyline points="0,0 200,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 12)" /> -->

  325.         <use id="PHASE0_PARAM" xlink:href="#knob-smallest" transform="translate(4 4)" />

  326.       </g>

  327.     </g>

  328.   </g>

  329. 

  330.   <g transform="translate(137 36)">

  331.     <use xlink:href="#knobguide-phase" transform="translate(3 0) translate(12 12) rotate(-225) translate(-20 -20)" />

  332.     <use xlink:href="#knobguide-phase" transform="translate(3 40) translate(12 12) rotate(-180) translate(-20 -20)" />

  333.     <use xlink:href="#knobguide-phase" transform="translate(3 80) translate(12 12) rotate(-135) translate(-20 -20)" />

  334.     <use xlink:href="#knobguide-phase" transform="translate(3 120) translate(12 12) rotate(-90) translate(-20 -20)" />

  335. 

  336.     <use xlink:href="#knobguide-phase" transform="translate(3 160) translate(12 12) rotate(-45) translate(-20 -20)" />

  337.     <use xlink:href="#knobguide-phase" transform="translate(3 200) translate(12 12) rotate(0) translate(-20 -20)" />

  338.     <use xlink:href="#knobguide-phase" transform="translate(3 240) translate(12 12) rotate(45) translate(-20 -20)" />

  339.     <use xlink:href="#knobguide-phase" transform="translate(3 280) translate(12 12) rotate(90) translate(-20 -20)" />

  340.   </g>

  341. 

  342.   <g transform="translate(176 32)">

  343.     <rect width="30" height="328" rx="5" fill="#fafafa" />

  344.     <g transform="translate(3 4)">

  345.       <use id="PHASE7_INPUT" xlink:href="#input" transform="translate(0 0)" />

  346.       <use id="PHASE6_INPUT" xlink:href="#input" transform="translate(0 40)" />

  347.       <use id="PHASE5_INPUT" xlink:href="#input" transform="translate(0 80)" />

  348.       <use id="PHASE4_INPUT" xlink:href="#input" transform="translate(0 120)" />

  349. 

  350.       <use id="PHASE3_INPUT" xlink:href="#input" transform="translate(0 160)" />

  351.       <use id="PHASE2_INPUT" xlink:href="#input" transform="translate(0 200)" />

  352.       <use id="PHASE1_INPUT" xlink:href="#input" transform="translate(0 240)" />

  353.       <use id="PHASE0_INPUT" xlink:href="#input" transform="translate(0 280)" />

  354.     </g>

  355.     <text font-size="6pt" letter-spacing="2px" transform="translate(8 320)">CV</text>

  356.   </g>

  357. 

  358.   <g transform="translate(215 32)">

  359.     <rect width="30" height="328" rx="5" fill="#bbb" />

  360.     <g transform="translate(3 4)">

  361.       <use id="PHASE7_OUTPUT" xlink:href="#output" transform="translate(0 0)" />

  362.       <use id="PHASE6_OUTPUT" xlink:href="#output" transform="translate(0 40)" />

  363.       <use id="PHASE5_OUTPUT" xlink:href="#output" transform="translate(0 80)" />

  364.       <use id="PHASE4_OUTPUT" xlink:href="#output" transform="translate(0 120)" />

  365. 

  366.       <use id="PHASE3_OUTPUT" xlink:href="#output" transform="translate(0 160)" />

  367.       <use id="PHASE2_OUTPUT" xlink:href="#output" transform="translate(0 200)" />

  368.       <use id="PHASE1_OUTPUT" xlink:href="#output" transform="translate(0 240)" />

  369.       <use id="PHASE0_OUTPUT" xlink:href="#output" transform="translate(0 280)" />

  370.     </g>

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

  372.   </g>

  373. 

  374.   <!-- <polyline points="0,0 0,360" stroke="#0f0" stroke-width="1" fill="none" transform="translate(135 0)" /> -->

  375.   <!-- <polyline points="0,0 270,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 360)" /> -->

  376.   <!-- <rect width="230" height="10" fill="#0f0" transform="translate(0 263)" /> -->

  377.   <g transform="translate(0 313)">

  378.     <rect width="70" height="87" rx="5" fill="#fafafa" transform="translate(10 -40)" />

  379.     <rect width="108" height="43" rx="5" fill="#fafafa" transform="translate(10 -40)" />

  380.     <!-- <rect width="300" height="7" fill="#f00" transform="translate(10 40)" /> -->

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

  382.       <!-- <rect width="30" height="40" rx="5" fill="#fafafa" /> -->

  383.       <use id="SAMPLE_PWM_INPUT" xlink:href="#input" transform="translate(4 4)" />

  384.       <text font-size="6pt" letter-spacing="1px" transform="translate(4 38)">S/PW</text>

  385.     </g>

  386.     <g transform="translate(50 -40)">

  387.       <!-- <rect width="30" height="40" rx="5" fill="#fafafa" /> -->

  388.       <use id="OFFSET_INPUT" xlink:href="#input" transform="translate(2 4)" />

  389.       <text font-size="6pt" letter-spacing="2px" transform="translate(4.5 38)">OFF</text>

  390.     </g>

  391.     <g transform="translate(90 -40)">

  392.       <!-- <rect width="30" height="40" rx="5" fill="#fafafa" /> -->

  393.       <use id="SCALE_INPUT" xlink:href="#input" transform="translate(0 4)" />

  394.       <text font-size="6pt" letter-spacing="2px" transform="translate(2.5 38)">SCL</text>

  395.     </g>

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

  397.       <!-- <rect width="30" height="47" rx="5" fill="#fafafa" /> -->

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

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

  400.     </g>

  401.     <g transform="translate(50 0)">

  402.       <!-- <rect width="30" height="47" rx="5" fill="#fafafa" /> -->

  403.       <use id="RESET_INPUT" xlink:href="#input" transform="translate(2 5)" />

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

  405.     </g>

  406.   </g>

  407. </svg>