Add icons to this collection by clicking the heart icon.
Drum Machine icon - also known as sound, music, instrument, electronics, musical instrument, music and multimedia, and drum machine. Created in a clean lineal color style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<path
d="M504.5 229.51H326.248V443.5H504.5Z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#857e87"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M37.5 416.5h-30v27h30z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#ffdc64"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M37.5 356.5h-30v60h30z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#9d66d6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M37.5 296.5h-30v60h30z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#00aaf0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M37.5 229.51h-30v66.99h30z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#ff507d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M137.5 229.51h-100v66.99h100z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#ff6e96"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M137.5 296.5h-100v60h100z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#00c3ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M137.5 356.5h-100v60h100z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#ad7fdd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M137.5 416.5h-100v27h100z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#fff082"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M334.5 339.75h-197V443.5h197z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#00c3ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0v-13h-197V90.75h13V3a3 3 0 0 1 3-3z"
transform="translate(334.5 352.75)"
fill="#00aaf0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M334.5 237.52h-197v102.23h197z"
fill="#00c3ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-16.529h-197V89.23h13V3a3 3 0 0 1 3-3z"
transform="translate(334.5 250.52)"
fill="#00aaf0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-8.4h-497V0c0 11.04 8.95 20 20 20h457C-8.95 20 0 11.04 0 0"
transform="translate(504.5 451.9)"
fill="#f9f8f9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-28.4h-30v8.4c0 11.04 8.95 20 20 20z"
transform="translate(37.5 471.9)"
fill="#e8e8e8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-13.316 41.426-24.282 11.745-24.277-11.745-13.32-41.43h24.179l.001.004Z"
transform="translate(293.596 75.574)"
fill="#dcdbdd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a27.896 27.896 0 0 1-25.261 16.015h-93.065l-19.68-2.638c-1.488 0-18.319-8.527-18.319-22.468 0-5.52 1.513-11.702 7.033-11.702l138.499 1.064c5.52 0 10 4.479 10 10 0 2.058 3.243 1.875 2.818 3.809A27.704 27.704 0 0 1 0 0"
transform="translate(334.006 63.92)"
fill="#e8e8e8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c.013-5.536-4.464-10.066-10-10.066h-141.359c-5.513 0-9.996 4.466-10 9.979-.011 13.949 10.203 25.52 23.559 27.621 1.43.219 2.89.34 4.38.34H-121l-6.878-9.124c-3.975-5.272-.214-12.816 6.388-12.816H-.649A27.68 27.68 0 0 0 0 0"
transform="translate(336.68 52.066)"
fill="#dcdbdd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-50c0-5.52-4.48-10-10-10h-477c-5.52 0-10 4.48-10 10V0Z"
transform="translate(504.5 177)"
fill="#e8e8e8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-60h-12c-5.52 0-10 4.48-10 10V0Z"
transform="translate(29.5 177)"
fill="#dcdbdd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M106.5 177h-99v30h99z"
fill="#ff507d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M169.5 177h-30v30h30z"
fill="#fff082"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M504.5 177h-335v30h335z"
fill="#ff6e96"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M139.5 177H7.5v30h132z"
fill="#c8ff82"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M504.5 177h-335v15h335z"
fill="#ff507d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M169.5 177h-30v15h30z"
fill="#ffdc64"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-15h-132v30h22V4c0-2.21 1.79-4 4-4z"
transform="translate(139.5 192)"
fill="#b4e66e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M301 207h-30v30h30z"
fill="#fff082"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M504.5 207H301v30h203.5z"
fill="#ff6e96"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M271 207H7.5v30H271Z"
fill="#c8ff82"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M504.5 207H301v15h203.5z"
fill="#ff507d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M301 207h-30v15h30z"
fill="#ffdc64"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-15h-263.5v30h22V4c0-2.21 1.79-4 4-4z"
transform="translate(271 222)"
fill="#b4e66e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 7.18-5.82 13-13 13S-26 7.18-26 0s5.82-13 13-13S0-7.18 0 0"
transform="translate(432.5 399.5)"
fill="#f9f8f9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 7.18-5.82 13-13 13S-26 7.18-26 0s5.82-13 13-13S0-7.18 0 0"
transform="translate(391.5 338.5)"
fill="#f9f8f9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 7.18-5.82 13-13 13S-26 7.18-26 0s5.82-13 13-13S0-7.18 0 0"
transform="translate(432.5 277.5)"
fill="#f9f8f9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 16.357-43.126c1.119-2.947 5.284-2.957 6.414-.015l5.063 13.162a11.443 11.443 0 0 0 6.572 6.572l13.162 5.062c2.942 1.132 2.932 5.296-.015 6.414L4.427 4.427C1.66 5.477-1.05 2.767 0 0"
transform="translate(424.231 354.842)"
fill="#f9f8f9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30.117c-5.523 0-10 4.477-10 10v334c0 5.523 4.477 10 10 10h94.989"
transform="translate(47.617 117)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-189.5c0-5.523-4.478-10-10-10h-411.883"
transform="translate(504.5 316.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h347.011c5.522 0 10-4.477 10-10v-109.5"
transform="translate(147.49 471)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-11.793-36.793"
transform="translate(231.456 116)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-11.793 36.793"
transform="translate(292.337 79.207)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h72.428c5.545 0 10.04 4.509 10.04 10.071 0 15.539-12.557 28.136-28.047 28.136H-51.485c-15.491 0-28.047-12.597-28.047-28.136C-79.532 4.509-75.037 0-69.492 0h34.173z"
transform="translate(254.532 41)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h30"
transform="translate(196 147)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h30"
transform="translate(286 147)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v0"
transform="translate(256 147)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h20"
transform="translate(37.5 147)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h20"
transform="translate(454.5 147)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h170"
transform="translate(334.5 177)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h292"
transform="translate(7.5 177)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-205"
transform="translate(37.5 443)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h497"
transform="translate(7.5 236.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h497"
transform="translate(7.5 206.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h497"
transform="translate(7.5 443.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h130"
transform="translate(7.5 356.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h130"
transform="translate(7.5 296.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h130"
transform="translate(7.5 416.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h40"
transform="translate(67.5 386.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h40"
transform="translate(67.5 326.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h40"
transform="translate(67.5 266.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h37.798"
transform="translate(432.702 399.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h39.819"
transform="translate(366.5 399.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0 7.18-5.82 13-13 13S-26 7.18-26 0s5.82-13 13-13S0-7.18 0 0z"
transform="translate(432.5 399.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h38ZM0 0c0 7.18-5.82 13-13 13S-26 7.18-26 0s5.82-13 13-13S0-7.18 0 0z"
transform="translate(391.5 338.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-39.649"
transform="translate(406.15 277.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-40.67"
transform="translate(473.5 277.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0 7.18-5.82 13-13 13S-26 7.18-26 0s5.82-13 13-13S0-7.18 0 0z"
transform="translate(432.5 277.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 16.357-43.126c1.119-2.947 5.284-2.957 6.414-.015l5.063 13.162a11.443 11.443 0 0 0 6.572 6.572l13.162 5.062c2.942 1.132 2.932 5.296-.015 6.414L4.427 4.427C1.66 5.477-1.05 2.767 0 0Z"
transform="translate(424.231 354.842)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-205"
transform="translate(137.5 443)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-205"
transform="translate(334.5 441.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-28"
transform="translate(139.5 205.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-28"
transform="translate(169.5 205.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-28"
transform="translate(269.5 236)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-28"
transform="translate(299.5 236)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-10"
transform="translate(171 396.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-25.143"
transform="translate(197 404.072)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-44"
transform="translate(223 413.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-25.143"
transform="translate(249 404.072)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-44"
transform="translate(275 413.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-13.829"
transform="translate(301 398.415)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-33"
transform="translate(171 304.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-21"
transform="translate(197 298.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-44"
transform="translate(223 310)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-10"
transform="translate(249 293)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-40"
transform="translate(275 308)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-10"
transform="translate(301 293)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h196"
transform="translate(138.5 339.75)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category