SVG
Viewer
Dark mode
Light mode
Hide sidebar
Mixing
Music Elements
View collection
Send feedback
Browse all SVGs
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
Colors
Edit colors
Set Dimensions
Change dimensions
Optimize
7.26 KB
3.79 KB
-48%
Prettify
Preferences
Clear
<?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <!-- License: CC0. Made by SVG Repo: https://www.svgrepo.com/svg/151778/mixing --> <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 60 60" style="enable-background:new 0 0 60 60;" xml:space="preserve"> <rect x="1" y="45" style="fill:#ECF0F1;stroke:#ECF0F1;stroke-width:2;stroke-linecap:round;stroke-miterlimit:10;" width="58" height="14"/> <g> <path style="fill:#D1D4D1;" d="M6,47c-0.552,0-1,0.448-1,1v3c0,0.552,0.448,1,1,1s1-0.448,1-1v-3C7,47.448,6.552,47,6,47z"/> <path style="fill:#D1D4D1;" d="M6,53c-0.552,0-1,0.448-1,1v2c0,0.552,0.448,1,1,1s1-0.448,1-1v-2C7,53.448,6.552,53,6,53z"/> <path style="fill:#D1D4D1;" d="M13,47c-0.552,0-1,0.448-1,1v1c0,0.552,0.448,1,1,1s1-0.448,1-1v-1C14,47.448,13.552,47,13,47z"/> <path style="fill:#D1D4D1;" d="M13,51c-0.552,0-1,0.448-1,1v4c0,0.552,0.448,1,1,1s1-0.448,1-1v-4C14,51.448,13.552,51,13,51z"/> <path style="fill:#D1D4D1;" d="M20,47c-0.552,0-1,0.448-1,1v4c0,0.552,0.448,1,1,1s1-0.448,1-1v-4C21,47.448,20.552,47,20,47z"/> <path style="fill:#D1D4D1;" d="M20,54c-0.552,0-1,0.448-1,1v1c0,0.552,0.448,1,1,1s1-0.448,1-1v-1C21,54.448,20.552,54,20,54z"/> <path style="fill:#D1D4D1;" d="M27,47c-0.552,0-1,0.448-1,1v2c0,0.552,0.448,1,1,1s1-0.448,1-1v-2C28,47.448,27.552,47,27,47z"/> <path style="fill:#D1D4D1;" d="M27,52c-0.552,0-1,0.448-1,1v3c0,0.552,0.448,1,1,1s1-0.448,1-1v-3C28,52.448,27.552,52,27,52z"/> <path style="fill:#D1D4D1;" d="M34,47c-0.552,0-1,0.448-1,1v4c0,0.552,0.448,1,1,1s1-0.448,1-1v-4C35,47.448,34.552,47,34,47z"/> <path style="fill:#D1D4D1;" d="M34,54c-0.552,0-1,0.448-1,1v1c0,0.552,0.448,1,1,1s1-0.448,1-1v-1C35,54.448,34.552,54,34,54z"/> <path style="fill:#D1D4D1;" d="M41,47c-0.552,0-1,0.448-1,1v1c0,0.552,0.448,1,1,1s1-0.448,1-1v-1C42,47.448,41.552,47,41,47z"/> <path style="fill:#D1D4D1;" d="M41,51c-0.552,0-1,0.448-1,1v4c0,0.552,0.448,1,1,1s1-0.448,1-1v-4C42,51.448,41.552,51,41,51z"/> </g> <circle style="fill:#BDC3C7;" cx="52" cy="54" r="4"/> <g> <rect x="4" y="51" style="fill:#7F8C8D;" width="4" height="3"/> <rect x="11" y="49" style="fill:#7F8C8D;" width="4" height="3"/> <rect x="18" y="52" style="fill:#7F8C8D;" width="4" height="3"/> <rect x="25" y="50" style="fill:#7F8C8D;" width="4" height="3"/> <rect x="32" y="52" style="fill:#7F8C8D;" width="4" height="3"/> <rect x="39" y="49" style="fill:#7F8C8D;" width="4" height="3"/> </g> <rect x="1" y="15" style="fill:#556080;stroke:#556080;stroke-width:2;stroke-linecap:round;stroke-miterlimit:10;" width="58" height="30"/> <path style="fill:#464F5D;" d="M7,42c-0.552,0-1-0.448-1-1v-3c0-0.552,0.448-1,1-1s1,0.448,1,1v3C8,41.552,7.552,42,7,42z"/> <path style="fill:#464F5D;" d="M7,36c-0.552,0-1-0.448-1-1v-8c0-0.552,0.448-1,1-1s1,0.448,1,1v8C8,35.552,7.552,36,7,36z"/> <path style="fill:#464F5D;" d="M15,42c-0.552,0-1-0.448-1-1v-7c0-0.552,0.448-1,1-1s1,0.448,1,1v7C16,41.552,15.552,42,15,42z"/> <path style="fill:#464F5D;" d="M15,32c-0.552,0-1-0.448-1-1v-4c0-0.552,0.448-1,1-1s1,0.448,1,1v4C16,31.552,15.552,32,15,32z"/> <path style="fill:#464F5D;" d="M23,42c-0.552,0-1-0.448-1-1v-1c0-0.552,0.448-1,1-1s1,0.448,1,1v1C24,41.552,23.552,42,23,42z"/> <path style="fill:#464F5D;" d="M23,38c-0.552,0-1-0.448-1-1V27c0-0.552,0.448-1,1-1s1,0.448,1,1v10C24,37.552,23.552,38,23,38z"/> <path style="fill:#464F5D;" d="M31,42c-0.552,0-1-0.448-1-1v-9c0-0.552,0.448-1,1-1s1,0.448,1,1v9C32,41.552,31.552,42,31,42z"/> <path style="fill:#464F5D;" d="M31,30c-0.552,0-1-0.448-1-1v-2c0-0.552,0.448-1,1-1s1,0.448,1,1v2C32,29.552,31.552,30,31,30z"/> <polygon style="fill:#E6E7E8;" points="6,23 5,22 5,20 6,19 8,19 9,20 9,22 8,23 "/> <polygon style="fill:#E6E7E8;" points="14,23 13,22 13,20 14,19 16,19 17,20 17,22 16,23 "/> <polygon style="fill:#E6E7E8;" points="22,23 21,22 21,20 22,19 24,19 25,20 25,22 24,23 "/> <polygon style="fill:#E6E7E8;" points="30,23 29,22 29,20 30,19 32,19 33,20 33,22 32,23 "/> <circle style="fill:#E6E7E8;" cx="47" cy="27" r="9"/> <rect x="1" y="1" style="fill:#D1F7EF;stroke:#38454F;stroke-width:2;stroke-linecap:round;stroke-miterlimit:10;" width="58" height="14"/> <rect x="5" y="35" style="fill:#FFFFFF;" width="4" height="3"/> <rect x="13" y="31" style="fill:#FFFFFF;" width="4" height="3"/> <rect x="21" y="37" style="fill:#FFFFFF;" width="4" height="3"/> <rect x="29" y="29" style="fill:#FFFFFF;" width="4" height="3"/> <path style="fill:#86A0C0;" d="M9,13H5c-0.552,0-1-0.448-1-1V4c0-0.552,0.448-1,1-1h4c0.552,0,1,0.448,1,1v8 C10,12.552,9.552,13,9,13z M6,11h2V5H6V11z"/> <path style="fill:#86A0C0;" d="M16,13h-4c-0.552,0-1-0.448-1-1V4c0-0.552,0.448-1,1-1h4c0.552,0,1,0.448,1,1v8 C17,12.552,16.552,13,16,13z M13,11h2V5h-2V11z"/> <path style="fill:#86A0C0;" d="M26,13h-4c-0.552,0-1-0.448-1-1V4c0-0.552,0.448-1,1-1h4c0.552,0,1,0.448,1,1v8 C27,12.552,26.552,13,26,13z M23,11h2V5h-2V11z"/> <path style="fill:#86A0C0;" d="M33,13h-4c-0.552,0-1-0.448-1-1s0.448-1,1-1h3V9h-3c-0.552,0-1-0.448-1-1V4c0-0.552,0.448-1,1-1h4 c0.552,0,1,0.448,1,1s-0.448,1-1,1h-3v2h3c0.552,0,1,0.448,1,1v4C34,12.552,33.552,13,33,13z"/> <circle style="fill:#86A0C0;" cx="19" cy="6" r="1"/> <circle style="fill:#81F90D;" cx="39" cy="39" r="1"/> <circle style="fill:#81F90D;" cx="39" cy="42" r="1"/> <circle style="fill:#81F90D;" cx="43" cy="39" r="1"/> <circle style="fill:#81F90D;" cx="43" cy="42" r="1"/> <circle style="fill:#FF8980;" cx="47" cy="39" r="1"/> <circle style="fill:#81F90D;" cx="47" cy="42" r="1"/> <circle style="fill:#81F90D;" cx="51" cy="39" r="1"/> <circle style="fill:#FF8980;" cx="51" cy="42" r="1"/> <circle style="fill:#81F90D;" cx="55" cy="39" r="1"/> <circle style="fill:#81F90D;" cx="55" cy="42" r="1"/> <circle style="fill:#86A0C0;" cx="19" cy="10" r="1"/> <circle style="fill:#BDC3C7;" cx="47" cy="21" r="1"/> <circle style="fill:#BDC3C7;" cx="47" cy="33" r="1"/> <path style="fill:#86A0C0;" d="M41,12h-2c-0.552,0-1-0.448-1-1s0.448-1,1-1h2c0.552,0,1,0.448,1,1S41.552,12,41,12z"/> <path style="fill:#86A0C0;" d="M46,12h-2c-0.552,0-1-0.448-1-1s0.448-1,1-1h2c0.552,0,1,0.448,1,1S46.552,12,46,12z"/> <path style="fill:#86A0C0;" d="M46,9h-2c-0.552,0-1-0.448-1-1s0.448-1,1-1h2c0.552,0,1,0.448,1,1S46.552,9,46,9z"/> <path style="fill:#86A0C0;" d="M46,6h-2c-0.552,0-1-0.448-1-1s0.448-1,1-1h2c0.552,0,1,0.448,1,1S46.552,6,46,6z"/> <path style="fill:#86A0C0;" d="M51,12h-2c-0.552,0-1-0.448-1-1s0.448-1,1-1h2c0.552,0,1,0.448,1,1S51.552,12,51,12z"/> <path style="fill:#86A0C0;" d="M51,9h-2c-0.552,0-1-0.448-1-1s0.448-1,1-1h2c0.552,0,1,0.448,1,1S51.552,9,51,9z"/> <path style="fill:#86A0C0;" d="M56,12h-2c-0.552,0-1-0.448-1-1s0.448-1,1-1h2c0.552,0,1,0.448,1,1S56.552,12,56,12z"/> <circle style="fill:#BDC3C7;" cx="53" cy="27" r="1"/> <circle style="fill:#BDC3C7;" cx="41" cy="27" r="1"/> <circle style="fill:#BDC3C7;" cx="51" cy="23" r="1"/> <circle style="fill:#BDC3C7;" cx="43" cy="31" r="1"/> <circle style="fill:#BDC3C7;" cx="51" cy="31" r="1"/> <circle style="fill:#BDC3C7;" cx="43" cy="23" r="1"/> <circle style="fill:#FFFFFF;" cx="52" cy="52" r="4"/> <path style="fill:#BDC3C7;" d="M52,53c-0.256,0-0.512-0.098-0.707-0.293l-2.829-2.829c-0.391-0.391-0.391-1.023,0-1.414 s1.023-0.391,1.414,0l2.829,2.829c0.391,0.391,0.391,1.023,0,1.414C52.512,52.902,52.256,53,52,53z"/> </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
7.26 KB
3.79 KB
-48%
Prettify
Preferences
Clear
<?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <!-- License: CC0. Made by SVG Repo: https://www.svgrepo.com/svg/151778/mixing --> <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 60 60" style="enable-background:new 0 0 60 60;" xml:space="preserve"> <rect x="1" y="45" style="fill:#ECF0F1;stroke:#ECF0F1;stroke-width:2;stroke-linecap:round;stroke-miterlimit:10;" width="58" height="14"/> <g> <path style="fill:#D1D4D1;" d="M6,47c-0.552,0-1,0.448-1,1v3c0,0.552,0.448,1,1,1s1-0.448,1-1v-3C7,47.448,6.552,47,6,47z"/> <path style="fill:#D1D4D1;" d="M6,53c-0.552,0-1,0.448-1,1v2c0,0.552,0.448,1,1,1s1-0.448,1-1v-2C7,53.448,6.552,53,6,53z"/> <path style="fill:#D1D4D1;" d="M13,47c-0.552,0-1,0.448-1,1v1c0,0.552,0.448,1,1,1s1-0.448,1-1v-1C14,47.448,13.552,47,13,47z"/> <path style="fill:#D1D4D1;" d="M13,51c-0.552,0-1,0.448-1,1v4c0,0.552,0.448,1,1,1s1-0.448,1-1v-4C14,51.448,13.552,51,13,51z"/> <path style="fill:#D1D4D1;" d="M20,47c-0.552,0-1,0.448-1,1v4c0,0.552,0.448,1,1,1s1-0.448,1-1v-4C21,47.448,20.552,47,20,47z"/> <path style="fill:#D1D4D1;" d="M20,54c-0.552,0-1,0.448-1,1v1c0,0.552,0.448,1,1,1s1-0.448,1-1v-1C21,54.448,20.552,54,20,54z"/> <path style="fill:#D1D4D1;" d="M27,47c-0.552,0-1,0.448-1,1v2c0,0.552,0.448,1,1,1s1-0.448,1-1v-2C28,47.448,27.552,47,27,47z"/> <path style="fill:#D1D4D1;" d="M27,52c-0.552,0-1,0.448-1,1v3c0,0.552,0.448,1,1,1s1-0.448,1-1v-3C28,52.448,27.552,52,27,52z"/> <path style="fill:#D1D4D1;" d="M34,47c-0.552,0-1,0.448-1,1v4c0,0.552,0.448,1,1,1s1-0.448,1-1v-4C35,47.448,34.552,47,34,47z"/> <path style="fill:#D1D4D1;" d="M34,54c-0.552,0-1,0.448-1,1v1c0,0.552,0.448,1,1,1s1-0.448,1-1v-1C35,54.448,34.552,54,34,54z"/> <path style="fill:#D1D4D1;" d="M41,47c-0.552,0-1,0.448-1,1v1c0,0.552,0.448,1,1,1s1-0.448,1-1v-1C42,47.448,41.552,47,41,47z"/> <path style="fill:#D1D4D1;" d="M41,51c-0.552,0-1,0.448-1,1v4c0,0.552,0.448,1,1,1s1-0.448,1-1v-4C42,51.448,41.552,51,41,51z"/> </g> <circle style="fill:#BDC3C7;" cx="52" cy="54" r="4"/> <g> <rect x="4" y="51" style="fill:#7F8C8D;" width="4" height="3"/> <rect x="11" y="49" style="fill:#7F8C8D;" width="4" height="3"/> <rect x="18" y="52" style="fill:#7F8C8D;" width="4" height="3"/> <rect x="25" y="50" style="fill:#7F8C8D;" width="4" height="3"/> <rect x="32" y="52" style="fill:#7F8C8D;" width="4" height="3"/> <rect x="39" y="49" style="fill:#7F8C8D;" width="4" height="3"/> </g> <rect x="1" y="15" style="fill:#556080;stroke:#556080;stroke-width:2;stroke-linecap:round;stroke-miterlimit:10;" width="58" height="30"/> <path style="fill:#464F5D;" d="M7,42c-0.552,0-1-0.448-1-1v-3c0-0.552,0.448-1,1-1s1,0.448,1,1v3C8,41.552,7.552,42,7,42z"/> <path style="fill:#464F5D;" d="M7,36c-0.552,0-1-0.448-1-1v-8c0-0.552,0.448-1,1-1s1,0.448,1,1v8C8,35.552,7.552,36,7,36z"/> <path style="fill:#464F5D;" d="M15,42c-0.552,0-1-0.448-1-1v-7c0-0.552,0.448-1,1-1s1,0.448,1,1v7C16,41.552,15.552,42,15,42z"/> <path style="fill:#464F5D;" d="M15,32c-0.552,0-1-0.448-1-1v-4c0-0.552,0.448-1,1-1s1,0.448,1,1v4C16,31.552,15.552,32,15,32z"/> <path style="fill:#464F5D;" d="M23,42c-0.552,0-1-0.448-1-1v-1c0-0.552,0.448-1,1-1s1,0.448,1,1v1C24,41.552,23.552,42,23,42z"/> <path style="fill:#464F5D;" d="M23,38c-0.552,0-1-0.448-1-1V27c0-0.552,0.448-1,1-1s1,0.448,1,1v10C24,37.552,23.552,38,23,38z"/> <path style="fill:#464F5D;" d="M31,42c-0.552,0-1-0.448-1-1v-9c0-0.552,0.448-1,1-1s1,0.448,1,1v9C32,41.552,31.552,42,31,42z"/> <path style="fill:#464F5D;" d="M31,30c-0.552,0-1-0.448-1-1v-2c0-0.552,0.448-1,1-1s1,0.448,1,1v2C32,29.552,31.552,30,31,30z"/> <polygon style="fill:#E6E7E8;" points="6,23 5,22 5,20 6,19 8,19 9,20 9,22 8,23 "/> <polygon style="fill:#E6E7E8;" points="14,23 13,22 13,20 14,19 16,19 17,20 17,22 16,23 "/> <polygon style="fill:#E6E7E8;" points="22,23 21,22 21,20 22,19 24,19 25,20 25,22 24,23 "/> <polygon style="fill:#E6E7E8;" points="30,23 29,22 29,20 30,19 32,19 33,20 33,22 32,23 "/> <circle style="fill:#E6E7E8;" cx="47" cy="27" r="9"/> <rect x="1" y="1" style="fill:#D1F7EF;stroke:#38454F;stroke-width:2;stroke-linecap:round;stroke-miterlimit:10;" width="58" height="14"/> <rect x="5" y="35" style="fill:#FFFFFF;" width="4" height="3"/> <rect x="13" y="31" style="fill:#FFFFFF;" width="4" height="3"/> <rect x="21" y="37" style="fill:#FFFFFF;" width="4" height="3"/> <rect x="29" y="29" style="fill:#FFFFFF;" width="4" height="3"/> <path style="fill:#86A0C0;" d="M9,13H5c-0.552,0-1-0.448-1-1V4c0-0.552,0.448-1,1-1h4c0.552,0,1,0.448,1,1v8 C10,12.552,9.552,13,9,13z M6,11h2V5H6V11z"/> <path style="fill:#86A0C0;" d="M16,13h-4c-0.552,0-1-0.448-1-1V4c0-0.552,0.448-1,1-1h4c0.552,0,1,0.448,1,1v8 C17,12.552,16.552,13,16,13z M13,11h2V5h-2V11z"/> <path style="fill:#86A0C0;" d="M26,13h-4c-0.552,0-1-0.448-1-1V4c0-0.552,0.448-1,1-1h4c0.552,0,1,0.448,1,1v8 C27,12.552,26.552,13,26,13z M23,11h2V5h-2V11z"/> <path style="fill:#86A0C0;" d="M33,13h-4c-0.552,0-1-0.448-1-1s0.448-1,1-1h3V9h-3c-0.552,0-1-0.448-1-1V4c0-0.552,0.448-1,1-1h4 c0.552,0,1,0.448,1,1s-0.448,1-1,1h-3v2h3c0.552,0,1,0.448,1,1v4C34,12.552,33.552,13,33,13z"/> <circle style="fill:#86A0C0;" cx="19" cy="6" r="1"/> <circle style="fill:#81F90D;" cx="39" cy="39" r="1"/> <circle style="fill:#81F90D;" cx="39" cy="42" r="1"/> <circle style="fill:#81F90D;" cx="43" cy="39" r="1"/> <circle style="fill:#81F90D;" cx="43" cy="42" r="1"/> <circle style="fill:#FF8980;" cx="47" cy="39" r="1"/> <circle style="fill:#81F90D;" cx="47" cy="42" r="1"/> <circle style="fill:#81F90D;" cx="51" cy="39" r="1"/> <circle style="fill:#FF8980;" cx="51" cy="42" r="1"/> <circle style="fill:#81F90D;" cx="55" cy="39" r="1"/> <circle style="fill:#81F90D;" cx="55" cy="42" r="1"/> <circle style="fill:#86A0C0;" cx="19" cy="10" r="1"/> <circle style="fill:#BDC3C7;" cx="47" cy="21" r="1"/> <circle style="fill:#BDC3C7;" cx="47" cy="33" r="1"/> <path style="fill:#86A0C0;" d="M41,12h-2c-0.552,0-1-0.448-1-1s0.448-1,1-1h2c0.552,0,1,0.448,1,1S41.552,12,41,12z"/> <path style="fill:#86A0C0;" d="M46,12h-2c-0.552,0-1-0.448-1-1s0.448-1,1-1h2c0.552,0,1,0.448,1,1S46.552,12,46,12z"/> <path style="fill:#86A0C0;" d="M46,9h-2c-0.552,0-1-0.448-1-1s0.448-1,1-1h2c0.552,0,1,0.448,1,1S46.552,9,46,9z"/> <path style="fill:#86A0C0;" d="M46,6h-2c-0.552,0-1-0.448-1-1s0.448-1,1-1h2c0.552,0,1,0.448,1,1S46.552,6,46,6z"/> <path style="fill:#86A0C0;" d="M51,12h-2c-0.552,0-1-0.448-1-1s0.448-1,1-1h2c0.552,0,1,0.448,1,1S51.552,12,51,12z"/> <path style="fill:#86A0C0;" d="M51,9h-2c-0.552,0-1-0.448-1-1s0.448-1,1-1h2c0.552,0,1,0.448,1,1S51.552,9,51,9z"/> <path style="fill:#86A0C0;" d="M56,12h-2c-0.552,0-1-0.448-1-1s0.448-1,1-1h2c0.552,0,1,0.448,1,1S56.552,12,56,12z"/> <circle style="fill:#BDC3C7;" cx="53" cy="27" r="1"/> <circle style="fill:#BDC3C7;" cx="41" cy="27" r="1"/> <circle style="fill:#BDC3C7;" cx="51" cy="23" r="1"/> <circle style="fill:#BDC3C7;" cx="43" cy="31" r="1"/> <circle style="fill:#BDC3C7;" cx="51" cy="31" r="1"/> <circle style="fill:#BDC3C7;" cx="43" cy="23" r="1"/> <circle style="fill:#FFFFFF;" cx="52" cy="52" r="4"/> <path style="fill:#BDC3C7;" d="M52,53c-0.256,0-0.512-0.098-0.707-0.293l-2.829-2.829c-0.391-0.391-0.391-1.023,0-1.414 s1.023-0.391,1.414,0l2.829,2.829c0.391,0.391,0.391,1.023,0,1.414C52.512,52.902,52.256,53,52,53z"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download