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/Offset-src.svg

279 lines
12KB
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="45"

  6.   height="380"

  7.   viewBox="0 0 45 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 45px 45px">

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

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

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

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

  31.       </g>

  32.     </symbol>

  33. 

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

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

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

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

  38.         </g>

  39.         <g transform="rotate(-225) translate(17 0)">

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

  41.         </g>

  42.         <g transform="rotate(-210) translate(17 0)">

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

  44.         </g>

  45.         <g transform="rotate(-195) translate(17 0)">

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

  47.         </g>

  48.         <g transform="rotate(-180) translate(17 0)">

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

  50.         </g>

  51.         <g transform="rotate(-165) translate(17 0)">

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

  53.         </g>

  54.         <g transform="rotate(-150) translate(17 0)">

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

  56.         </g>

  57.         <g transform="rotate(-135) translate(17 0)">

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

  59.         </g>

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

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

  62.         </g>

  63.         <g transform="rotate(-105) translate(17 0)">

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

  65.         </g>

  66. 

  67.         <g transform="rotate(-90) translate(17 0)">

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

  69.           <g transform="translate(2.4 0) rotate(90)">

  70.             <text font-size="6.5pt" transform="translate(-2.3 3.3)">0</text>

  71.           </g>

  72.         </g>

  73. 

  74.         <g transform="rotate(-75) translate(17 0)">

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

  76.         </g>

  77.         <g transform="rotate(-60) translate(17 0)">

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

  79.         </g>

  80.         <g transform="rotate(-45) translate(17 0)">

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

  82.         </g>

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

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

  85.         </g>

  86.         <g transform="rotate(-15) translate(17 0)">

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

  88.         </g>

  89.         <g transform="rotate(0) translate(17 0)">

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

  91.         </g>

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

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

  94.         </g>

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

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

  97.         </g>

  98.         <g transform="rotate(45) translate(17 0)">

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

  100.         </g>

  101.         <g transform="rotate(60) translate(17 0)">

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

  103.         </g>

  104. 

  105.         <g transform="rotate(-225) translate(22 0)">

  106.           <!-- <polyline points="-10,0 10,0" stroke-width="0.5" stroke="#0f0" /> -->

  107.           <g transform="translate(2.5 0) rotate(225)">

  108.             <text font-size="9pt" transform="translate(-2 3.4)">-</text>

  109.           </g>

  110.         </g>

  111.         <g transform="rotate(45) translate(22 0)">

  112.           <!-- <polyline points="-10,0 10,0" stroke-width="0.5" stroke="#0f0" /> -->

  113.           <g transform="translate(2.5 0) rotate(-45)">

  114.             <text font-size="7pt" transform="translate(-2.9 3)">+</text>

  115.           </g>

  116.         </g>

  117.       </g>

  118.     </symbol>

  119. 

  120.     <symbol id="knobguide-exp" viewBox="0 0 45px 45px">

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

  122.         <g transform="rotate(-240) translate(17 0)">

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

  124.         </g>

  125.         <g transform="rotate(-232.3) translate(17 0)">

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

  127.         </g>

  128.         <g transform="rotate(-224.2) translate(17 0)">

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

  130.         </g>

  131.         <g transform="rotate(-215.5) translate(17 0)">

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

  133.         </g>

  134.         <g transform="rotate(-206.2) translate(17 0)">

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

  136.         </g>

  137.         <g transform="rotate(-196.1) translate(17 0)">

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

  139.         </g>

  140.         <g transform="rotate(-184.9) translate(17 0)">

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

  142.         </g>

  143.         <g transform="rotate(-172.2) translate(17 0)">

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

  145.         </g>

  146.         <g transform="rotate(-157.1) translate(17 0)">

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

  148.         </g>

  149.         <g transform="rotate(-137.4) translate(17 0)">

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

  151.         </g>

  152.         <g transform="rotate(-123.5) translate(17 0)">

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

  154.         </g>

  155. 

  156.         <g transform="rotate(-90) translate(17 0)">

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

  158.           <g transform="translate(2.4 0) rotate(90)">

  159.             <text font-size="6.5pt" transform="translate(-2.3 3.3)">0</text>

  160.           </g>

  161.         </g>

  162. 

  163.         <g transform="rotate(-56.5) translate(17 0)">

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

  165.         </g>

  166.         <g transform="rotate(-42.3) translate(17 0)">

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

  168.         </g>

  169.         <g transform="rotate(-22.9) translate(17 0)">

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

  171.         </g>

  172.         <g transform="rotate(-7.8) translate(17 0)">

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

  174.         </g>

  175.         <g transform="rotate(4.8) translate(17 0)">

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

  177.         </g>

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

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

  180.         </g>

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

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

  183.         </g>

  184.         <g transform="rotate(35.5) translate(17 0)">

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

  186.         </g>

  187.         <g transform="rotate(44.2) translate(17 0)">

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

  189.         </g>

  190.         <g transform="rotate(52.3) translate(17 0)">

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

  192.         </g>

  193.         <g transform="rotate(60) translate(17 0)">

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

  195.         </g>

  196. 

  197.         <g transform="rotate(-225) translate(22 0)">

  198.           <!-- <polyline points="-10,0 10,0" stroke-width="0.5" stroke="#0f0" /> -->

  199.           <g transform="translate(2.5 0) rotate(225)">

  200.             <text font-size="9pt" transform="translate(-2 3.4)">-</text>

  201.           </g>

  202.         </g>

  203.         <g transform="rotate(45) translate(22 0)">

  204.           <!-- <polyline points="-10,0 10,0" stroke-width="0.5" stroke="#0f0" /> -->

  205.           <g transform="translate(2.5 0) rotate(-45)">

  206.             <text font-size="7pt" transform="translate(-2.9 3)">+</text>

  207.           </g>

  208.         </g>

  209.       </g>

  210.     </symbol>

  211. 

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

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

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

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

  216.       </g>

  217.     </symbol>

  218. 

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

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

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

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

  223.       </g>

  224.     </symbol>

  225.   </defs>

  226. 

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

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

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

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

  231. 

  232.   <g transform="rotate(-90) translate(-376 13)">

  233.     <text class="title" font-size="7pt" letter-spacing="2.5px">OFFSET</text>

  234.     <g transform="translate(0 12)">

  235.       <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>

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

  237.     </g>

  238.   </g>

  239. 

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

  241.     <text font-size="6pt" letter-spacing="2px" transform="translate(3 0)">OFFSET</text>

  242.     <use id="OFFSET_PARAM" xlink:href="#knob" transform="translate(0 7)" />

  243.     <use xlink:href="#knobguide" transform="scale(1) translate(0 7)" />

  244.     <g transform="translate(5.5 53)">

  245.       <rect width="34" height="39" rx="5" fill="#fafafa" />

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

  247.       <text font-size="5pt" letter-spacing="2px" transform="translate(11 35)">CV</text>

  248.     </g>

  249.   </g>

  250. 

  251.   <g transform="translate(0 137)">

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

  253.     <use id="SCALE_PARAM" xlink:href="#knob" transform="translate(0 7)" />

  254.     <use xlink:href="#knobguide-exp" transform="scale(1) translate(0 7)" />

  255.     <g transform="translate(5.5 53)">

  256.       <rect width="34" height="38" rx="5" fill="#fafafa" />

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

  258.       <text font-size="5pt" letter-spacing="2px" transform="translate(11 35)">CV</text>

  259.     </g>

  260.   </g>

  261. 

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

  263.     <g transform="translate(5.5 0)">

  264.       <rect width="34" height="10" fill="#fafafa" transform="translate(0 28)" />

  265.       <rect width="34" height="35" rx="5" fill="#fafafa" />

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

  267.       <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">IN</text>

  268.     </g>

  269.     <g transform="translate(5.5 41)">

  270.       <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)" />

  271.       <rect width="34" height="35" rx="5" fill="#bbb" />

  272.       <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)" />

  273.       <text font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text>

  274.     </g>

  275.   </g>

  276. 

  277.   <!-- <polyline points="0,0 45,0" stroke-width="0.5" stroke="#0f0" transform="translate(0 73)" /> -->

  278. </svg>