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.
991 Commits
4 Branches
540MB
Tree: 537b44cf3c
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from '537b44cf3c'
${ noResults }
Rack/plugins/community/repos/Bogaudio/res-src/ShaperPlus-src.svg

281 lines
13KB
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" viewBox="0 0 100px 100px">

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

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

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

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

  31.       </g>

  32.     </symbol>

  33. 

  34.     <symbol id="knobguide" viewBox="0 0 100px 100px">

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

  36.         <g transform="rotate(-240) translate(30 0)">

  37.           <g transform="translate(2 0) rotate(240)">

  38.             <text font-size="7pt" transform="translate(-2.8 3.3)">0</text>

  39.           </g>

  40.         </g>

  41.         <g transform="rotate(-210) translate(30 0)">

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

  43.         </g>

  44.         <g transform="rotate(-180) translate(30 0)">

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

  46.         </g>

  47.         <g transform="rotate(-150) translate(30 0)">

  48.           <polyline points="0,0 5,0" stroke-width="0.5" stroke="#333" />

  49.         </g>

  50.         <g transform="rotate(-120) translate(30 0)">

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

  52.         </g>

  53.         <g transform="rotate(-90) translate(30 0)">

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

  55.         </g>

  56.         <g transform="rotate(-60) translate(30 0)">

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

  58.         </g>

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

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

  61.         </g>

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

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

  64.         </g>

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

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

  67.         </g>

  68.         <g transform="rotate(60) translate(30 0)">

  69.           <g transform="translate(2 0) rotate(-60)">

  70.             <text font-size="7pt" transform="translate(-5.3 3.3)">10</text>

  71.           </g>

  72.         </g>

  73.       </g>

  74.     </symbol>

  75. 

  76.     <symbol id="knobguide-exp" viewBox="0 0 100px 100px">

  77.       <g transform="translate(50.5 50.5)">

  78.         <g transform="rotate(-240) translate(30 0)">

  79.           <g transform="translate(2 0) rotate(240)">

  80.             <text font-size="7pt" transform="translate(-2.8 3.3)">0</text>

  81.           </g>

  82.         </g>

  83.         <g transform="rotate(-172.92) translate(30 0)">

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

  85.         </g>

  86.         <g transform="rotate(-145.13) translate(30 0)">

  87.           <g transform="translate(2 0) rotate(145.13)">

  88.             <text font-size="7pt" transform="translate(-2.8 3.3)">1</text>

  89.           </g>

  90.         </g>

  91.         <g transform="rotate(-105.84) translate(30 0)">

  92.           <g transform="translate(2 0) rotate(105.84)">

  93.             <text font-size="7pt" transform="translate(-2.8 3.3)">2</text>

  94.           </g>

  95.         </g>

  96.         <g transform="rotate(-75.68) translate(30 0)">

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

  98.         </g>

  99.         <g transform="rotate(-50.26) translate(30 0)">

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

  101.         </g>

  102.         <g transform="rotate(-27.87) translate(30 0)">

  103.           <g transform="translate(2 0) rotate(27.87)">

  104.             <text font-size="7pt" transform="translate(-2.8 3.3)">5</text>

  105.           </g>

  106.         </g>

  107.         <g transform="rotate(-7.62) translate(30 0)">

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

  109.         </g>

  110.         <g transform="rotate(11) translate(30 0)">

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

  112.         </g>

  113.         <g transform="rotate(28.33) translate(30 0)">

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

  115.         </g>

  116.         <g transform="rotate(44.6) translate(30 0)">

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

  118.         </g>

  119.         <g transform="rotate(60) translate(30 0)">

  120.           <g transform="translate(2 0) rotate(-60)">

  121.             <text font-size="7pt" transform="translate(-5.3 3.3)">10</text>

  122.           </g>

  123.         </g>

  124.       </g>

  125.     </symbol>

  126. 

  127.     <symbol id="button" viewBox="0 0 100px 100px">

  128.       <g transform="translate(50.5 50.5)">

  129.         <circle cx="0" cy="0" r="49.8" stroke-width="1" stroke="#00f" fill="#f00" />

  130.       </g>

  131.     </symbol>

  132. 

  133.     <symbol id="switch" viewBox="0 0 14px 24px">

  134.       <rect width="14px" height="24px" stroke-width="1" stroke="#000" fill="#ddd" />

  135.       <rect width="14px" height="12px" stroke-width="0" fill="#000" />

  136.     </symbol>

  137. 

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

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

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

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

  142.       </g>

  143.     </symbol>

  144. 

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

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

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

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

  149.       </g>

  150.     </symbol>

  151. 

  152.     <symbol id="light" viewBox="0 0 1.1px 1.1px">

  153.       <rect width="3.2" height="3.2" fill="#0f0" />

  154.     </symbol>

  155.   </defs>

  156. 

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

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

  159.   <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" />

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

  161. 

  162.   <text class="title" x="62.5" y="19" font-size="12pt" letter-spacing="4px">SHAPER+</text>

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

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

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

  166.   </g>

  167. 

  168.   <g transform="translate(149 26)">

  169.     <rect width="30" height="322" rx="5" fill="#fafafa" />

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

  171.   </g>

  172.   <g transform="translate(186 26)">

  173.     <rect width="30" height="211" rx="5" fill="#bbb" />

  174.     <text font-size="6pt" letter-spacing="2px" transform="translate(2 10)">GATE</text>

  175.   </g>

  176. 

  177.   <g transform="translate(9 33)">

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

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

  180.         <text font-size="8pt" letter-spacing="2px" transform="translate(8 43.5) rotate(270)">ATTACK</text>

  181.         <use id="ATTACK_PARAM" xlink:href="#knob" transform="translate(20 0) scale(0.38)" />

  182.         <use id="ATTACK_LIGHT" xlink:href="#light" transform="translate(3 47)" />

  183.       </g>

  184.       <g transform="translate(74 4)">

  185.         <rect width="58" height="40" rx="5" fill="#fafafa" />

  186.         <use id="TRIGGER_PARAM" xlink:href="#button" transform="translate(6 6) scale(0.18)" />

  187.         <use id="TRIGGER_INPUT" xlink:href="#input" transform="translate(31 3)" />

  188.         <text font-size="6pt" letter-spacing="2px" transform="translate(6 36)">TRIGGER</text>

  189.       </g>

  190.       <use id="ATTACK_INPUT" xlink:href="#input" transform="translate(143 7)" />

  191.       <use id="ATTACK_OUTPUT" xlink:href="#output" transform="translate(180 7)" />

  192.     </g>

  193. 

  194.     <g transform="translate(0 56)">

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

  196.         <text font-size="8pt" letter-spacing="2px" transform="translate(8 28) rotate(270)">ON</text>

  197.         <use id="ON_PARAM" xlink:href="#knob" transform="translate(20 0) scale(0.38)" />

  198.         <use id="ON_LIGHT" xlink:href="#light" transform="translate(3 32)" />

  199.       </g>

  200.       <g transform="translate(110 5)">

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

  202.         <text font-size="5pt" letter-spacing="2px" transform="translate(2 -1)">1X</text>

  203.         <use id="SPEED_PARAM" xlink:href="#switch" transform="translate(0 2)" />

  204.         <text font-size="5pt" letter-spacing="2px" transform="translate(-1 34)">10X</text>

  205.       </g>

  206.       <use id="ON_INPUT" xlink:href="#input" transform="translate(143 7)" />

  207.       <use id="ON_OUTPUT" xlink:href="#output" transform="translate(180 7)" />

  208.     </g>

  209. 

  210.     <g transform="translate(0 112)">

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

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

  213.         <use id="DECAY_PARAM" xlink:href="#knob" transform="translate(20 0) scale(0.38)" />

  214.         <use id="DECAY_LIGHT" xlink:href="#light" transform="translate(3 44)" />

  215.       </g>

  216.       <g transform="translate(110 5)">

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

  218.         <text font-size="5pt" letter-spacing="2px" transform="translate(-4.5 -1)">STOP</text>

  219.         <use id="LOOP_PARAM" xlink:href="#switch" transform="translate(0 2)" />

  220.         <text font-size="5pt" letter-spacing="2px" transform="translate(-4 34)">LOOP</text>

  221.       </g>

  222.       <use id="DECAY_INPUT" xlink:href="#input" transform="translate(143 7)" />

  223.       <use id="DECAY_OUTPUT" xlink:href="#output" transform="translate(180 7)" />

  224.     </g>

  225. 

  226.     <g transform="translate(0 168)">

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

  228.         <text font-size="8pt" letter-spacing="2px" transform="translate(8 32.5) rotate(270)">OFF</text>

  229.         <use id="OFF_PARAM" xlink:href="#knob" transform="translate(20 0) scale(0.38)" />

  230.         <use id="OFF_LIGHT" xlink:href="#light" transform="translate(3 36)" />

  231.       </g>

  232.       <use id="OFF_INPUT" xlink:href="#input" transform="translate(143 7)" />

  233.       <use id="OFF_OUTPUT" xlink:href="#output" transform="translate(180 7)" />

  234.     </g>

  235. 

  236.     <g transform="translate(0 224)">

  237.       <g transform="translate(75 0)">

  238.         <text font-size="8pt" letter-spacing="2px" transform="translate(48 7.1) rotate(90)">ENV</text>

  239.         <use id="ENV_PARAM" xlink:href="#knob" transform="translate(-1.7 0) scale(0.38)" />

  240.       </g>

  241.       <g transform="translate(0 4)">

  242.         <rect width="58" height="40" rx="5" fill="#bbb" />

  243.         <use id="ENV_OUTPUT" xlink:href="#output" transform="translate(2.5 3)" />

  244.         <use id="INV_OUTPUT" xlink:href="#output" transform="translate(31.5 3)" />

  245.         <text font-size="6pt" letter-spacing="2px" transform="translate(6 36)">ENV</text>

  246.         <text font-size="6pt" letter-spacing="2px" transform="translate(35 36)">INV</text>

  247.       </g>

  248.       <use id="ENV_INPUT" xlink:href="#input" transform="translate(143 7)" />

  249.       <g transform="translate(177 4)">

  250.         <rect width="30" height="40" rx="5" fill="#bbb" />

  251.         <use id="TRIGGER_OUTPUT" xlink:href="#output" transform="translate(3 3)" />

  252.         <text font-size="6pt" letter-spacing="2px" transform="translate(6 36)">END</text>

  253.       </g>

  254.     </g>

  255. 

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

  257.       <g transform="translate(75 0)">

  258.         <text font-size="8pt" letter-spacing="2px" transform="translate(48 -2.5) rotate(90)">SIGNAL</text>

  259.         <use id="SIGNAL_PARAM" xlink:href="#knob" transform="translate(-1.7 0) scale(0.38)" />

  260.       </g>

  261.       <g transform="translate(0 4)">

  262.         <rect width="58" height="40" rx="5" fill="#fafafa" />

  263.         <rect width="20" height="40" rx="5" fill="#bbb" transform="translate(38)" />

  264.         <rect width="20" height="40" fill="#bbb" transform="translate(29)" />

  265.         <use id="SIGNAL_INPUT" xlink:href="#input" transform="translate(2.5 3)" />

  266.         <use id="SIGNAL_OUTPUT" xlink:href="#output" transform="translate(31.5 3)" />

  267.         <text font-size="6pt" letter-spacing="2px" transform="translate(10 36)">IN</text>

  268.         <text font-size="6pt" letter-spacing="2px" transform="translate(33 36)">OUT</text>

  269.       </g>

  270.       <use id="SIGNALCV_INPUT" xlink:href="#input" transform="translate(143 7)" />

  271.     </g>

  272.   </g>

  273. 

  274.   <use xlink:href="#knobguide-exp" transform="scale(0.75) translate(14 19)" />

  275.   <use xlink:href="#knobguide-exp" transform="scale(0.75) translate(14 94)" />

  276.   <use xlink:href="#knobguide-exp" transform="scale(0.75) translate(14 169)" />

  277.   <use xlink:href="#knobguide-exp" transform="scale(0.75) translate(14 243)" />

  278.   <use xlink:href="#knobguide" transform="scale(0.75) translate(85 318)" />

  279.   <use xlink:href="#knobguide" transform="scale(0.75) translate(85 392.5)" />

  280. </svg>