Add icons to this collection by clicking the heart icon.
Drum Machine icon - also known as sound, music, machine, electronic, instrument, drum, electronics, music and multimedia, and drum machine. Created in a clean flat style with a white, silver, yellow, orange, and pink finish, 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="512"
height="512"
viewBox="0 0 64 64"
>
<path
fill="#fcd248"
d="M53.144 12H10.856A2.856 2.856 0 0 0 8 14.856v30.288A2.856 2.856 0 0 0 10.856 48h42.288A2.856 2.856 0 0 0 56 45.144V14.856A2.856 2.856 0 0 0 53.144 12z"
/>
<path
fill="#fce5da"
d="M53.144 12H10.856A2.856 2.856 0 0 0 8 14.856v1.955a2.856 2.856 0 0 1 2.856-2.856h42.288A2.856 2.856 0 0 1 56 16.811v-1.955A2.856 2.856 0 0 0 53.144 12z"
/>
<path
fill="#fcab48"
d="M53.144 44H10.856A2.856 2.856 0 0 1 8 41.144v4A2.856 2.856 0 0 0 10.856 48h42.288A2.856 2.856 0 0 0 56 45.144v-4A2.856 2.856 0 0 1 53.144 44z"
/>
<path fill="#b2fce3" d="M24 24h-5.872A2.128 2.128 0 0 0 16 26.128V32h8z" />
<path
fill="#98dfdc"
d="M18.128 24A2.128 2.128 0 0 0 16 26.128v2c0-1.175.953-2.128 2.128-2.128H24v-2z"
/>
<path fill="#fa7300" d="M16 32h8v8h-8z" />
<path fill="#fcd248" d="M24 32h8v8h-8z" />
<path fill="#fa7300" d="M32 32h8v8h-8z" />
<path fill="#fcd248" d="M40 32h8v8h-8z" />
<path fill="#f8f9fb" d="M16 40h8v8h-8z" />
<path fill="#cfddfb" d="M24 40h8v8h-8z" />
<path fill="#f8f9fb" d="M32 40h8v8h-8z" />
<path fill="#cfddfb" d="M40 40h8v8h-8z" />
<path fill="#77e2dc" d="M24 24h8v8h-8z" />
<path fill="#b2fce3" d="M32 24h8v8h-8z" />
<path fill="#98dfdc" d="M32 24h8v2h-8z" />
<path
fill="#77e2dc"
d="M45.872 24H40v8h8v-5.872A2.128 2.128 0 0 0 45.872 24z"
/>
<path
fill="#6ac3d0"
d="M24 24h8v2.064h-8zM45.872 24H40v2.064h5.872c1.175 0 2.128.953 2.128 2.128v-2.064A2.128 2.128 0 0 0 45.872 24z"
/>
<circle cx="17" cy="18" r="3" fill="#f8f9fb" />
<path
fill="#cfddfb"
d="M17 19a2.99 2.99 0 0 1-2.816-2A2.962 2.962 0 0 0 14 18a3 3 0 1 0 6 0c0-.353-.072-.686-.184-1A2.99 2.99 0 0 1 17 19z"
/>
<path
fill="#e45600"
d="M17 15c-.17 0-.337.015-.5.042V17a.5.5 0 0 0 1 0v-1.958A3.058 3.058 0 0 0 17 15z"
/>
<circle
cx="26"
cy="18"
r="3"
fill="#b2fce3"
transform="rotate(-45 25.999 18.007)"
/>
<path
fill="#98dfdc"
d="M28.121 18.268a3 3 0 0 1-4.243 0 2.972 2.972 0 0 1-.719-1.195 2.987 2.987 0 0 0 .719 3.048 3 3 0 0 0 4.243 0 2.989 2.989 0 0 0 .719-3.048 2.96 2.96 0 0 1-.719 1.195z"
/>
<path
fill="#6ac3d0"
d="M28.121 15.879a3.057 3.057 0 0 0-.383-.324l-1.384 1.384a.5.5 0 0 0 .708.707l1.384-1.384a3.08 3.08 0 0 0-.325-.383z"
/>
<circle cx="37" cy="18" r="3" fill="#b2fce3" />
<path
fill="#6ac3d0"
d="M37 15c-.17 0-.337.015-.5.042V17a.5.5 0 0 0 1 0v-1.958A3.058 3.058 0 0 0 37 15z"
/>
<path
fill="#98dfdc"
d="M39.111 18.268a3 3 0 0 1-4.243 0 2.972 2.972 0 0 1-.719-1.195 2.987 2.987 0 0 0 .719 3.048 3 3 0 0 0 4.243 0 2.989 2.989 0 0 0 .719-3.048 2.96 2.96 0 0 1-.719 1.195z"
/>
<circle
cx="46"
cy="18"
r="3"
fill="#f8f9fb"
transform="rotate(-45 46 18.01)"
/>
<path
fill="#cfddfb"
d="M48.121 18.158a3 3 0 0 1-4.243 0 2.967 2.967 0 0 1-.703-1.14 2.992 2.992 0 0 0 .703 3.103 3 3 0 0 0 4.243 0 2.992 2.992 0 0 0 .703-3.103 2.967 2.967 0 0 1-.703 1.14z"
/>
<path
fill="#e45600"
d="m43.555 16.262 1.384 1.384a.498.498 0 0 0 .708 0 .5.5 0 0 0 0-.707l-1.384-1.384a2.987 2.987 0 0 0-.708.707zM12 32.5a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 1 0v9a.5.5 0 0 1-.5.5z"
/>
<path
fill="#f8f9fb"
d="M13.627 27h-3.254a.373.373 0 0 1-.373-.373v-1.254c0-.206.167-.373.373-.373h3.254c.206 0 .373.167.373.373v1.254a.373.373 0 0 1-.373.373z"
/>
<path
fill="#e45600"
d="M12 45.5a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 1 0v9a.5.5 0 0 1-.5.5z"
/>
<path
fill="#b2fce3"
d="M13.627 41h-3.254a.373.373 0 0 1-.373-.373v-1.254c0-.206.167-.373.373-.373h3.254c.206 0 .373.167.373.373v1.254a.373.373 0 0 1-.373.373z"
/>
<circle cx="52" cy="27" r="2" fill="#f8f9fb" />
<circle cx="52" cy="34" r="2" fill="#b2fce3" />
<circle cx="52" cy="41" r="2" fill="#f8f9fb" />
</svg>
More icons in the same style and category