Oscillator Icon SVG
Oscillator
Oscillator SVG Icon Code | Customize color
You can get svg icon oscillator in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeOscillator
DownloadSvg Code
<?xml version="1.0" encoding="UTF-8"?><svg width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7 9V24C7 27.3137 9.68629 30 13 30H35C38.3137 30 41 27.3137 41 24V9" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M7 10C7 6.68629 9.68629 4 13 4H35C38.3137 4 41 6.68629 41 10V10C41 13.3137 38.3137 16 35 16H13C9.68629 16 7 13.3137 7 10V10Z" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><circle cx="15" cy="10" r="2" fill="#333"/><circle cx="21" cy="10" r="2" fill="#333"/><circle cx="27" cy="10" r="2" fill="#333"/><circle cx="33" cy="10" r="2" fill="#333"/><path d="M19 30V44" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M29 30V44" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg> Oscillator
DownloadSvg Code
<!--?xml version="1.0" encoding="UTF-8"?--><svg style="color: white" width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7 9V24C7 27.3137 9.68629 30 13 30H35C38.3137 30 41 27.3137 41 24V9" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="white"></path><path d="M7 10C7 6.68629 9.68629 4 13 4H35C38.3137 4 41 6.68629 41 10V10C41 13.3137 38.3137 16 35 16H13C9.68629 16 7 13.3137 7 10V10Z" fill="white" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path><circle cx="15" cy="10" r="2" fill="#333"></circle><circle cx="21" cy="10" r="2" fill="#333"></circle><circle cx="27" cy="10" r="2" fill="#333"></circle><circle cx="33" cy="10" r="2" fill="#333"></circle><path d="M19 30V44" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="white"></path><path d="M29 30V44" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="white"></path></svg> Oscillator
DownloadSvg Code
<!--?xml version="1.0" encoding="UTF-8"?--><svg style="color: red" width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7 9V24C7 27.3137 9.68629 30 13 30H35C38.3137 30 41 27.3137 41 24V9" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="red"></path><path d="M7 10C7 6.68629 9.68629 4 13 4H35C38.3137 4 41 6.68629 41 10V10C41 13.3137 38.3137 16 35 16H13C9.68629 16 7 13.3137 7 10V10Z" fill="red" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path><circle cx="15" cy="10" r="2" fill="#333"></circle><circle cx="21" cy="10" r="2" fill="#333"></circle><circle cx="27" cy="10" r="2" fill="#333"></circle><circle cx="33" cy="10" r="2" fill="#333"></circle><path d="M19 30V44" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="red"></path><path d="M29 30V44" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="red"></path></svg> Oscillator
DownloadSvg Code
<!--?xml version="1.0" encoding="UTF-8"?--><svg style="color: blue" width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7 9V24C7 27.3137 9.68629 30 13 30H35C38.3137 30 41 27.3137 41 24V9" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path><path d="M7 10C7 6.68629 9.68629 4 13 4H35C38.3137 4 41 6.68629 41 10V10C41 13.3137 38.3137 16 35 16H13C9.68629 16 7 13.3137 7 10V10Z" fill="blue" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path><circle cx="15" cy="10" r="2" fill="#333"></circle><circle cx="21" cy="10" r="2" fill="#333"></circle><circle cx="27" cy="10" r="2" fill="#333"></circle><circle cx="33" cy="10" r="2" fill="#333"></circle><path d="M19 30V44" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path><path d="M29 30V44" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path></svg> Oscillator
DownloadSvg Code
<!--?xml version="1.0" encoding="UTF-8"?--><svg style="color: #f3da35" width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7 9V24C7 27.3137 9.68629 30 13 30H35C38.3137 30 41 27.3137 41 24V9" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path><path d="M7 10C7 6.68629 9.68629 4 13 4H35C38.3137 4 41 6.68629 41 10V10C41 13.3137 38.3137 16 35 16H13C9.68629 16 7 13.3137 7 10V10Z" fill="#f3da35" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path><circle cx="15" cy="10" r="2" fill="#333"></circle><circle cx="21" cy="10" r="2" fill="#333"></circle><circle cx="27" cy="10" r="2" fill="#333"></circle><circle cx="33" cy="10" r="2" fill="#333"></circle><path d="M19 30V44" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path><path d="M29 30V44" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path></svg> Advance Editor
You can edit oscillator as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements