SVG
Viewer
Dark mode
Light mode
Hide sidebar
Control Panel
Production Line Collection
View collection
Send feedback
Browse all SVGs
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
Colors
Edit colors
Set Dimensions
Change dimensions
Optimize
5.72 KB
3.18 KB
-44%
Prettify
Preferences
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Clear
<?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <!-- License: CC0. Made by SVG Repo: https://www.svgrepo.com/svg/106983/control-panel --> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 451.978 451.978" style="enable-background:new 0 0 451.978 451.978;" xml:space="preserve"> <g> <rect x="20" y="76.747" style="fill:#97A7AA;" width="431.978" height="298.485"/> <rect x="0" y="76.747" style="fill:#7C9093;" width="20" height="298.485"/> <rect x="373.452" y="97.747" style="fill:#E6E6E6;" width="57.526" height="117.743"/> <rect x="373.452" y="236.489" style="fill:#E6E6E6;" width="57.526" height="117.743"/> <rect x="41" y="97.747" style="fill:#E6E6E6;" width="311.452" height="256.485"/> <rect x="62.002" y="118.746" style="fill:#B5E4F4;" width="155.45" height="101.15"/> <rect x="203.452" y="118.746" style="fill:#5A6263;" width="14" height="101.15"/> <g> <rect x="383.215" y="109.368" style="fill:#808080;" width="38" height="9"/> <rect x="383.215" y="130.743" style="fill:#808080;" width="38" height="9"/> <rect x="383.215" y="152.118" style="fill:#808080;" width="38" height="9"/> <rect x="383.215" y="173.493" style="fill:#808080;" width="38" height="9"/> <rect x="383.215" y="194.868" style="fill:#808080;" width="38" height="9"/> </g> <polygon style="opacity:0.49;fill:#F2F2F2;" points="141.252,118.746 62.002,197.996 62.002,118.746 "/> <polygon style="opacity:0.49;fill:#F2F2F2;" points="217.452,172.246 217.452,219.896 169.802,219.896 "/> <path style="fill:#808080;" d="M222.952,225.396H56.5V113.247h166.452V225.396z M67.5,214.396h144.452v-90.149H67.5V214.396z"/> <g> <rect x="235.702" y="113.246" style="fill:#808080;" width="17.5" height="17.5"/> <rect x="264.369" y="113.246" style="fill:#808080;" width="17.5" height="17.5"/> <rect x="293.036" y="113.246" style="fill:#808080;" width="17.5" height="17.5"/> <rect x="321.702" y="113.246" style="fill:#808080;" width="17.5" height="17.5"/> </g> <g> <rect x="235.702" y="144.796" style="fill:#808080;" width="17.5" height="17.5"/> <rect x="264.369" y="144.796" style="fill:#808080;" width="17.5" height="17.5"/> <rect x="293.036" y="144.796" style="fill:#808080;" width="17.5" height="17.5"/> <rect x="321.702" y="144.796" style="fill:#808080;" width="17.5" height="17.5"/> </g> <g> <rect x="235.702" y="176.346" style="fill:#808080;" width="17.5" height="17.5"/> <rect x="264.369" y="176.346" style="fill:#808080;" width="17.5" height="17.5"/> <rect x="293.036" y="176.346" style="fill:#808080;" width="17.5" height="17.5"/> <rect x="321.702" y="176.346" style="fill:#808080;" width="17.5" height="17.5"/> </g> <g> <rect x="235.702" y="207.896" style="fill:#808080;" width="17.5" height="17.5"/> <rect x="264.369" y="207.896" style="fill:#808080;" width="17.5" height="17.5"/> <rect x="293.036" y="207.896" style="fill:#808080;" width="17.5" height="17.5"/> <rect x="321.702" y="207.896" style="fill:#808080;" width="17.5" height="17.5"/> </g> <path style="fill:#808080;" d="M328.202,254.247v70.649H67.5v-70.649H328.202 M339.202,243.247H56.5v92.649h282.702V243.247 L339.202,243.247z"/> <path style="fill:#808080;" d="M145.602,289.576c0,9.32-6.38,17.15-15,19.37c-1.6,0.41-3.27,0.63-5,0.63s-3.4-0.22-5-0.63 c-8.63-2.22-15-10.05-15-19.37s6.37-17.15,15-19.37c1.6-0.41,3.27-0.63,5-0.63s3.4,0.22,5,0.63 C139.222,272.426,145.602,280.256,145.602,289.576z"/> <circle style="fill:#EF7954;" cx="402.215" cy="323.096" r="20"/> <g> <circle style="fill:#EF7954;" cx="87.452" cy="273.571" r="11"/> <circle style="fill:#EF7954;" cx="87.452" cy="305.571" r="11"/> </g> <g> <g> <circle style="fill:#808080;" cx="167.952" cy="268.821" r="7.5"/> <circle style="fill:#808080;" cx="191.369" cy="268.821" r="7.5"/> <circle style="fill:#808080;" cx="214.786" cy="268.821" r="7.5"/> <circle style="fill:#808080;" cx="238.202" cy="268.821" r="7.5"/> <circle style="fill:#808080;" cx="261.619" cy="268.821" r="7.5"/> <circle style="fill:#808080;" cx="285.036" cy="268.821" r="7.5"/> <circle style="fill:#808080;" cx="308.452" cy="268.821" r="7.5"/> </g> <g> <circle style="fill:#808080;" cx="167.952" cy="289.571" r="7.5"/> <circle style="fill:#808080;" cx="191.369" cy="289.571" r="7.5"/> <circle style="fill:#808080;" cx="214.786" cy="289.571" r="7.5"/> <circle style="fill:#808080;" cx="238.202" cy="289.571" r="7.5"/> <circle style="fill:#808080;" cx="261.619" cy="289.571" r="7.5"/> <circle style="fill:#808080;" cx="285.036" cy="289.571" r="7.5"/> <circle style="fill:#808080;" cx="308.452" cy="289.571" r="7.5"/> </g> <g> <circle style="fill:#808080;" cx="167.952" cy="310.321" r="7.5"/> <circle style="fill:#808080;" cx="191.369" cy="310.321" r="7.5"/> <circle style="fill:#808080;" cx="214.786" cy="310.321" r="7.5"/> <circle style="fill:#808080;" cx="238.202" cy="310.321" r="7.5"/> <circle style="fill:#808080;" cx="261.619" cy="310.321" r="7.5"/> <circle style="fill:#808080;" cx="285.036" cy="310.321" r="7.5"/> <circle style="fill:#808080;" cx="308.452" cy="310.321" r="7.5"/> </g> </g> <path style="fill:#5A6263;" d="M142.834,279.415l-27.393,27.393c-1.421-0.841-2.758-1.867-3.981-3.09 c-1.223-1.223-2.249-2.56-3.09-3.981l27.393-27.393c1.421,0.841,2.758,1.867,3.981,3.09 C140.968,276.657,141.993,277.993,142.834,279.415z"/> <polygon style="fill:#F9ED82;" points="159.074,172.742 143.62,172.742 143.62,142.787 121.54,172.742 136.994,172.742 136.994,202.697 "/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download
SVG
Viewer
Dark mode
Light mode
Edit
Export
Rotate
Flip Y
Flip X
Colors
Edit colors
Set Dimensions
Change dimensions
Optimize
5.72 KB
3.18 KB
-44%
Prettify
Preferences
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Clear
<?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <!-- License: CC0. Made by SVG Repo: https://www.svgrepo.com/svg/106983/control-panel --> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 451.978 451.978" style="enable-background:new 0 0 451.978 451.978;" xml:space="preserve"> <g> <rect x="20" y="76.747" style="fill:#97A7AA;" width="431.978" height="298.485"/> <rect x="0" y="76.747" style="fill:#7C9093;" width="20" height="298.485"/> <rect x="373.452" y="97.747" style="fill:#E6E6E6;" width="57.526" height="117.743"/> <rect x="373.452" y="236.489" style="fill:#E6E6E6;" width="57.526" height="117.743"/> <rect x="41" y="97.747" style="fill:#E6E6E6;" width="311.452" height="256.485"/> <rect x="62.002" y="118.746" style="fill:#B5E4F4;" width="155.45" height="101.15"/> <rect x="203.452" y="118.746" style="fill:#5A6263;" width="14" height="101.15"/> <g> <rect x="383.215" y="109.368" style="fill:#808080;" width="38" height="9"/> <rect x="383.215" y="130.743" style="fill:#808080;" width="38" height="9"/> <rect x="383.215" y="152.118" style="fill:#808080;" width="38" height="9"/> <rect x="383.215" y="173.493" style="fill:#808080;" width="38" height="9"/> <rect x="383.215" y="194.868" style="fill:#808080;" width="38" height="9"/> </g> <polygon style="opacity:0.49;fill:#F2F2F2;" points="141.252,118.746 62.002,197.996 62.002,118.746 "/> <polygon style="opacity:0.49;fill:#F2F2F2;" points="217.452,172.246 217.452,219.896 169.802,219.896 "/> <path style="fill:#808080;" d="M222.952,225.396H56.5V113.247h166.452V225.396z M67.5,214.396h144.452v-90.149H67.5V214.396z"/> <g> <rect x="235.702" y="113.246" style="fill:#808080;" width="17.5" height="17.5"/> <rect x="264.369" y="113.246" style="fill:#808080;" width="17.5" height="17.5"/> <rect x="293.036" y="113.246" style="fill:#808080;" width="17.5" height="17.5"/> <rect x="321.702" y="113.246" style="fill:#808080;" width="17.5" height="17.5"/> </g> <g> <rect x="235.702" y="144.796" style="fill:#808080;" width="17.5" height="17.5"/> <rect x="264.369" y="144.796" style="fill:#808080;" width="17.5" height="17.5"/> <rect x="293.036" y="144.796" style="fill:#808080;" width="17.5" height="17.5"/> <rect x="321.702" y="144.796" style="fill:#808080;" width="17.5" height="17.5"/> </g> <g> <rect x="235.702" y="176.346" style="fill:#808080;" width="17.5" height="17.5"/> <rect x="264.369" y="176.346" style="fill:#808080;" width="17.5" height="17.5"/> <rect x="293.036" y="176.346" style="fill:#808080;" width="17.5" height="17.5"/> <rect x="321.702" y="176.346" style="fill:#808080;" width="17.5" height="17.5"/> </g> <g> <rect x="235.702" y="207.896" style="fill:#808080;" width="17.5" height="17.5"/> <rect x="264.369" y="207.896" style="fill:#808080;" width="17.5" height="17.5"/> <rect x="293.036" y="207.896" style="fill:#808080;" width="17.5" height="17.5"/> <rect x="321.702" y="207.896" style="fill:#808080;" width="17.5" height="17.5"/> </g> <path style="fill:#808080;" d="M328.202,254.247v70.649H67.5v-70.649H328.202 M339.202,243.247H56.5v92.649h282.702V243.247 L339.202,243.247z"/> <path style="fill:#808080;" d="M145.602,289.576c0,9.32-6.38,17.15-15,19.37c-1.6,0.41-3.27,0.63-5,0.63s-3.4-0.22-5-0.63 c-8.63-2.22-15-10.05-15-19.37s6.37-17.15,15-19.37c1.6-0.41,3.27-0.63,5-0.63s3.4,0.22,5,0.63 C139.222,272.426,145.602,280.256,145.602,289.576z"/> <circle style="fill:#EF7954;" cx="402.215" cy="323.096" r="20"/> <g> <circle style="fill:#EF7954;" cx="87.452" cy="273.571" r="11"/> <circle style="fill:#EF7954;" cx="87.452" cy="305.571" r="11"/> </g> <g> <g> <circle style="fill:#808080;" cx="167.952" cy="268.821" r="7.5"/> <circle style="fill:#808080;" cx="191.369" cy="268.821" r="7.5"/> <circle style="fill:#808080;" cx="214.786" cy="268.821" r="7.5"/> <circle style="fill:#808080;" cx="238.202" cy="268.821" r="7.5"/> <circle style="fill:#808080;" cx="261.619" cy="268.821" r="7.5"/> <circle style="fill:#808080;" cx="285.036" cy="268.821" r="7.5"/> <circle style="fill:#808080;" cx="308.452" cy="268.821" r="7.5"/> </g> <g> <circle style="fill:#808080;" cx="167.952" cy="289.571" r="7.5"/> <circle style="fill:#808080;" cx="191.369" cy="289.571" r="7.5"/> <circle style="fill:#808080;" cx="214.786" cy="289.571" r="7.5"/> <circle style="fill:#808080;" cx="238.202" cy="289.571" r="7.5"/> <circle style="fill:#808080;" cx="261.619" cy="289.571" r="7.5"/> <circle style="fill:#808080;" cx="285.036" cy="289.571" r="7.5"/> <circle style="fill:#808080;" cx="308.452" cy="289.571" r="7.5"/> </g> <g> <circle style="fill:#808080;" cx="167.952" cy="310.321" r="7.5"/> <circle style="fill:#808080;" cx="191.369" cy="310.321" r="7.5"/> <circle style="fill:#808080;" cx="214.786" cy="310.321" r="7.5"/> <circle style="fill:#808080;" cx="238.202" cy="310.321" r="7.5"/> <circle style="fill:#808080;" cx="261.619" cy="310.321" r="7.5"/> <circle style="fill:#808080;" cx="285.036" cy="310.321" r="7.5"/> <circle style="fill:#808080;" cx="308.452" cy="310.321" r="7.5"/> </g> </g> <path style="fill:#5A6263;" d="M142.834,279.415l-27.393,27.393c-1.421-0.841-2.758-1.867-3.981-3.09 c-1.223-1.223-2.249-2.56-3.09-3.981l27.393-27.393c1.421,0.841,2.758,1.867,3.981,3.09 C140.968,276.657,141.993,277.993,142.834,279.415z"/> <polygon style="fill:#F9ED82;" points="159.074,172.742 143.62,172.742 143.62,142.787 121.54,172.742 136.994,172.742 136.994,202.697 "/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download