VCF-dark-pp.svg (18870B)
1 <?xml version="1.0"?> 2 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="150.0" height="380.0" viewBox="0 0 150.0 380.0"> 3 <style>text { 4 fill: #333; 5 font-family: 'Roboto', sans-serif; 6 font-weight: bold; 7 } 8 text.title { 9 font-family: 'Comfortaa', sans-serif; 10 font-weight: normal; 11 } 12 text.brand { 13 font-family: 'Audiowide', sans-serif; 14 font-weight: bold; 15 } 16 17 polyline { 18 stroke: #333; 19 } 20 path { 21 stroke: #333; 22 } 23 24 rect.module-background, .background-fill { 25 fill: #ddd; 26 } 27 polyline.module-border-inner { 28 stroke: #e4e4e4; 29 } 30 polyline.module-border-middle { 31 stroke: #ebebeb; 32 } 33 polyline.module-border-outer { 34 stroke: #f2f2f2; 35 } 36 37 g.io-group { 38 } 39 rect.input-background, rect.input-background-filler { 40 fill: #fafafa; 41 } 42 rect.output-background, rect.output-background-filler { 43 fill: #bbb; 44 } 45 text.input-label, text.output-label { 46 /* font-size: 6pt; */ 47 } 48 polyline.input-label, polyline.output-label { 49 } 50 path.input-label, path.output-label { 51 } 52 53 circle.port-rim { 54 stroke: #f0f0f0; 55 } 56 circle.port-barrel { 57 stroke: #222; 58 fill: #222; 59 } 60 circle.knob-center { 61 fill: #eee; 62 } 63 circle.knob-rim { 64 fill: #333; 65 } 66 circle.knob-tick { 67 fill: #fff; 68 } 69 polyline.knob-tick { 70 stroke: #fff; 71 } 72 73 74 text { 75 fill: #eee; 76 } 77 78 polyline { 79 stroke: #ccc; 80 } 81 path { 82 stroke: #ccc; 83 } 84 85 rect.module-background, .background-fill { 86 fill: #111; 87 } 88 polyline.module-border-inner { 89 stroke: #191919; 90 } 91 polyline.module-border-middle { 92 stroke: #111; 93 } 94 polyline.module-border-outer { 95 stroke: #000; 96 } 97 98 rect.input-background, rect.input-background-filler { 99 fill: #aaa; 100 } 101 rect.output-background, rect.output-background-filler { 102 fill: #666; 103 } 104 text.input-label { 105 fill: #222; 106 } 107 polyline.input-label, path.input-label { 108 stroke: #222; 109 } 110 text.output-label { 111 fill: #ddd; 112 } 113 polyline.output-label, path.output-label { 114 stroke: #ddd; 115 } 116 117 circle.port-rim { 118 stroke: #c0c0c0; 119 } 120 circle.port-barrel { 121 stroke: #222; 122 fill: #222; 123 } 124 circle.knob-center { 125 fill: #888; 126 } 127 circle.knob-rim { 128 fill: #444; 129 } 130 circle.knob-tick { 131 fill: #fff; 132 } 133 polyline.knob-tick { 134 stroke: #fff; 135 } 136 </style> 137 138 <defs> 139 <symbol id="dial-frequency-vcf" viewBox="0 0 150px 108px"> 140 <g transform="translate(75 54)"> 141 <g transform="rotate(-240) translate(34 0)"> 142 <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/> 143 <text font-size="7.0pt" transform="translate(14 0) rotate(240) translate(-2 3)">0</text> 144 </g> 145 <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-225) translate(37 0)"/> 146 147 <g transform="rotate(-218.8) translate(34 0)"> 148 <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/> 149 <text font-size="7.0pt" transform="translate(14 0) rotate(218.8) translate(-12.5 3.5)">100</text> 150 </g> 151 <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-206.5) translate(37 0)"/> 152 153 <g transform="rotate(-192.6) translate(34 0)"> 154 <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/> 155 <text font-size="7.0pt" transform="translate(14 0) rotate(192.6) translate(-11.5 3)">500</text> 156 </g> 157 <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-181.9) translate(37 0)"/> 158 159 <g transform="rotate(-172.2) translate(34 0)"> 160 <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/> 161 <text font-size="7.0pt" transform="translate(14 0) rotate(172.2) translate(-7.5 3)">1K</text> 162 </g> 163 <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-151.3) translate(37 0)"/> 164 165 <g transform="rotate(-133.9) translate(34 0)"> 166 <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/> 167 <text font-size="7.0pt" transform="translate(14 0) rotate(133.9) translate(-16 3)">2.5K</text> 168 </g> 169 <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-110.1) translate(37 0)"/> 170 171 <g transform="rotate(-90) translate(34 0)"> 172 <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/> 173 <text font-size="7.0pt" transform="translate(14 0) rotate(90) translate(-6 4)">5K</text> 174 </g> 175 <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-41.6) translate(37 0)"/> 176 177 <g transform="rotate(-56.3) translate(34 0)"> 178 <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/> 179 <text font-size="7.0pt" transform="translate(14 0) rotate(56.3) translate(-3.5 3)">7.5K</text> 180 </g> 181 <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-72.3) translate(37 0)"/> 182 183 <g transform="rotate(-27.9) translate(34 0)"> 184 <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/> 185 <text font-size="7.0pt" transform="translate(14 0) rotate(27.9) translate(-5 5)">10K</text> 186 </g> 187 <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-2.9) translate(37 0)"/> 188 189 <g transform="rotate(19.8) translate(34 0)"> 190 <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/> 191 <text font-size="7.0pt" transform="translate(14 0) rotate(-19.8) translate(-5 2)">15K</text> 192 </g> 193 <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(40.6) translate(37 0)"/> 194 195 <g transform="rotate(60) translate(34 0)"> 196 <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/> 197 <text font-size="7.0pt" transform="translate(14 0) rotate(-60) translate(-2.5 3)">20K</text> 198 </g> 199 200 <text font-size="7.0pt" transform="rotate(90) translate(44.5 0) rotate(-90) translate(-6.5 0)">HZ</text> 201 </g> 202 </symbol> 203 204 <symbol id="dial-slope-vcf" viewBox="0 0 50px 60px"> 205 <g transform="translate(25 30)"> 206 <text font-size="6.0pt" transform="rotate(-240) translate(24 0) rotate(240) translate(-2 3)">1</text> 207 <polyline points="0,0 2,0" stroke-width="0.7" transform="rotate(-176) translate(22 0)"/> 208 <text font-size="6.0pt" transform="rotate(-149.6) translate(24 0) rotate(149.6) translate(-1.5 1)">2</text> 209 <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-112.1) translate(22 0)"/> 210 <text font-size="6.0pt" transform="rotate(-83.3) translate(24 0) rotate(83.3) translate(-2 2)">4</text> 211 <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-59.1) translate(22 0)"/> 212 <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-37.7) translate(22 0)"/> 213 <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-18.4) translate(22 0)"/> 214 <text font-size="6.0pt" transform="rotate(-0.7) translate(24 0) rotate(0.7) translate(-2 2)">8</text> 215 <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(15.8) translate(22 0)"/> 216 <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(31.4) translate(22 0)"/> 217 <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(46) translate(22 0)"/> 218 <text font-size="6.0pt" transform="rotate(60) translate(24 0) rotate(-60) translate(-5 3)">12</text> 219 </g> 220 </symbol> 221 222 <symbol id="dial-mode-vcf" viewBox="0 0 60px 60px"> 223 <g transform="translate(30 30)"> 224 <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-67.5) translate(11 0)"/> 225 <text font-size="6.0pt" transform="rotate(-67.5) translate(24 0) rotate(67.5) translate(-3 7)">LP</text> 226 227 <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-22.5) translate(11 0)"/> 228 <text font-size="6.0pt" transform="rotate(-22.5) translate(24 0) rotate(22.5) translate(-7 5)">HP</text> 229 230 <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(22.5) translate(11 0)"/> 231 <text font-size="6.0pt" transform="rotate(22.5) translate(24 0) rotate(-22.5) translate(-7 0)">BP</text> 232 233 <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(67.5) translate(11 0)"/> 234 <text font-size="6.0pt" transform="rotate(67.5) translate(24 0) rotate(-67.5) translate(-3 -1.5)">BR</text> 235 </g> 236 </symbol> 237 238 <symbol id="dial-linear-vcf" viewBox="0 0 50px 50px"> 239 <g transform="translate(25 25)"> 240 <text font-size="6.0pt" transform="rotate(-240) translate(24 0) rotate(240) translate(-4 3)">0</text> 241 <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-210) translate(22 0)"/> 242 <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-180) translate(22 0)"/> 243 <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-150) translate(22 0)"/> 244 <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-120) translate(22 0)"/> 245 <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-90) translate(22 0)"/> 246 <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-60) translate(22 0)"/> 247 <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-30) translate(22 0)"/> 248 <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(0) translate(22 0)"/> 249 <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(30) translate(22 0)"/> 250 <polyline points="0,0 4,0" stroke-width="1" transform="rotate(60) translate(22 0)"/> 251 </g> 252 </symbol> 253 </defs> 254 255 256 257 <rect class="module-background background-fill" width="150.0" height="380.0"/> 258 259 260 <polyline class="module-border-inner" points="1,1 149.0,1 149.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/> 261 <polyline class="module-border-middle" points="0.5,0.5 149.5,0.5 149.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/> 262 <polyline class="module-border-outer" points="0,0 150.0,0 150.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/> 263 264 <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(75.0 19)">VCF</text> 265 <g transform="translate(0 374)"> 266 <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(75.0 0)">BOGAUDIO</text> 267 <rect class="background-fill" width="3" height="3" transform="translate(59.5 -5)"/> 268 </g> 269 270 271 272 273 274 275 <g transform="translate(21 25)"> 276 <g transform="translate(20 20)"><svg id="FREQUENCY_PARAM"> 277 <g transform="translate(34 34)"> 278 <polyline points="-10,0 10,0" stroke-width="1" stroke="#00f"/> 279 <polyline points="0,-10 0,10" stroke-width="1" stroke="#00f"/> 280 <circle cx="0" cy="0" r="33.5" stroke-width="1" stroke="#00f" fill="none"/> 281 </g> 282 </svg></g> 283 <use xlink:href="#dial-frequency-vcf" transform="translate(-21 0)" href="#dial-frequency-vcf"/> 284 </g> 285 286 <g transform="translate(25 126)"> 287 <text font-size="8pt" letter-spacing="2px" transform="translate(10 27) rotate(270)">CV</text> 288 <g transform="translate(20 12)"><svg id="FREQUENCY_CV_PARAM"> 289 <g transform="translate(8 8)"> 290 <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> 291 <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> 292 <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> 293 </g> 294 </svg></g> 295 <g transform="translate(8 0)"> 296 <g transform="translate(20 20)"> 297 <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> 298 <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ccc" fill="none" transform="rotate(20)"/> 299 <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ccc" fill="none" transform="rotate(43)"/> 300 <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ccc" fill="none" transform="rotate(-20)"/> 301 <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ccc" fill="none" transform="rotate(-43)"/> 302 </g> 303 </g> 304 </g> 305 306 <g transform="translate(82 126)"> 307 <text font-size="8pt" letter-spacing="2px" transform="translate(10 27) rotate(270)">FM</text> 308 <g transform="translate(20 12)"><svg id="FM_PARAM"> 309 <g transform="translate(8 8)"> 310 <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> 311 <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> 312 <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> 313 </g> 314 </svg></g> 315 <g transform="translate(8 0)"> 316 <g transform="translate(20 20)"> 317 <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/> 318 <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ccc" fill="none" transform="rotate(0)"/> 319 <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ccc" fill="none" transform="rotate(43)"/> 320 <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ccc" fill="none" transform="rotate(0)"/> 321 <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ccc" fill="none" transform="rotate(-43)"/> 322 </g> 323 </g> 324 </g> 325 326 <g transform="translate(54 165)"> 327 <text font-size="8pt" letter-spacing="2px" transform="translate(7 38) rotate(270)">MODE</text> 328 <g transform="translate(13 11)"><svg id="MODE_PARAM"> 329 <g transform="translate(8 8)"> 330 <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> 331 <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> 332 <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> 333 </g> 334 </svg></g> 335 <use xlink:href="#dial-mode-vcf" transform="translate(-9 -11)" href="#dial-mode-vcf"/> 336 </g> 337 338 <g transform="translate(2 220)"> 339 340 341 <text font-size="8pt" letter-spacing="2px" transform="translate(13.5 43.5) rotate(270)">RES/BW</text> 342 <g transform="translate(24.5 0)"><svg id="Q_PARAM"> 343 <g transform="translate(19 19)"> 344 <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> 345 <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> 346 <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none"/> 347 </g> 348 </svg></g> 349 <use xlink:href="#dial-linear-vcf" transform="translate(18.5 -6)" href="#dial-linear-vcf"/> 350 </g> 351 352 <g transform="translate(73 220)"> 353 354 355 <text font-size="8pt" letter-spacing="2px" transform="translate(13.4 38.5) rotate(270)">SLOPE</text> 356 <g transform="translate(24.5 0)"><svg id="SLOPE_PARAM"> 357 <g transform="translate(19 19)"> 358 <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/> 359 <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/> 360 <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none"/> 361 </g> 362 </svg></g> 363 <use xlink:href="#dial-slope-vcf" transform="translate(18.5 -11)" href="#dial-slope-vcf"/> 364 </g> 365 366 <g class="io-group" transform="translate(0 269)"> 367 <rect class="output-background" width="130" height="47" rx="5" transform="translate(10 44)"/> 368 <rect class="input-background" width="98" height="44" rx="5" transform="translate(26 0)"/> 369 <rect class="input-background-filler" width="98" height="10" transform="translate(26 34)"/> 370 <rect class="input-background" width="97" height="47" rx="5" transform="translate(10 44)"/> 371 <rect class="input-background-filler" width="10" height="47" transform="translate(97 44)"/> 372 373 <g transform="translate(16 0)"> 374 <g transform="translate(12 0)"> 375 <g transform="translate(3 5)"><svg id="FREQUENCY_CV_INPUT"> 376 <g transform="translate(12 12)"> 377 <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> 378 <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> 379 </g> 380 </svg></g> 381 <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(9 40)">CV</text> 382 </g> 383 <g transform="translate(44 0)"> 384 <g transform="translate(3 5)"><svg id="PITCH_INPUT"> 385 <g transform="translate(12 12)"> 386 <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> 387 <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> 388 </g> 389 </svg></g> 390 <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(1 40)">V/OCT</text> 391 </g> 392 <g transform="translate(76 0)"> 393 <g transform="translate(3 5)"><svg id="FM_INPUT"> 394 <g transform="translate(12 12)"> 395 <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> 396 <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> 397 </g> 398 </svg></g> 399 <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(9 40)">FM</text> 400 </g> 401 </g> 402 403 <g transform="translate(10 44)"> 404 <g transform="translate(2 0)"> 405 <g transform="translate(3 5)"><svg id="IN_INPUT"> 406 <g transform="translate(12 12)"> 407 <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> 408 <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> 409 </g> 410 </svg></g> 411 <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(10.5 40)">IN</text> 412 </g> 413 <g transform="translate(34 0)"> 414 <g transform="translate(3 5)"><svg id="Q_INPUT"> 415 <g transform="translate(12 12)"> 416 <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> 417 <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> 418 </g> 419 </svg></g> 420 <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(3 40)">R/BW</text> 421 </g> 422 <g transform="translate(66 0)"> 423 <g transform="translate(3 5)"><svg id="SLOPE_INPUT"> 424 <g transform="translate(12 12)"> 425 <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> 426 <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> 427 </g> 428 </svg></g> 429 <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(7 40)">SLP</text> 430 </g> 431 <g transform="translate(98 0)"> 432 <g transform="translate(3 5)"><svg id="OUT_OUTPUT"> 433 <g transform="translate(12 12)"> 434 <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> 435 <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> 436 </g> 437 </svg></g> 438 <text class="output-label" font-size="6pt" letter-spacing="1px" transform="translate(6 40)">OUT</text> 439 </g> 440 </g> 441 </g> 442 </svg>