Add icons to this collection by clicking the heart icon.
Controller icon - also known as technology, sound, audio, music, controller, electronics, and music and multimedia. Created in a clean lineal color style with a white, silver, black, red, and orange 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 512 512"
>
<path
d="M474.5 504.5h-437c-16.569 0-30-13.431-30-30v-437c0-16.569 13.431-30 30-30h437c16.569 0 30 13.431 30 30v437c0 16.569-13.431 30-30 30z"
fill="#f9f7f8"
/>
<path
d="M474.5 7.5h-30c16.569 0 30 13.432 30 30v437c0 16.568-13.431 30-30 30h30c16.569 0 30-13.432 30-30v-437c0-16.568-13.431-30-30-30z"
fill="#efedef"
/>
<path
d="M474.5 7.5h-437c-16.569 0-30 13.432-30 30v71.737h497V37.5c0-16.568-13.431-30-30-30z"
fill="#e5e1e5"
/>
<path
d="M474.5 7.5h-30c16.569 0 30 13.432 30 30v71.737h30V37.5c0-16.568-13.431-30-30-30z"
fill="#d7d0d6"
/>
<path
d="M119.5 228.237h-60a7 7 0 0 1-7-7v-60a7 7 0 0 1 7-7h60a7 7 0 0 1 7 7v60a7 7 0 0 1-7 7zM119.5 343.868h-60a7 7 0 0 1-7-7v-60a7 7 0 0 1 7-7h60a7 7 0 0 1 7 7v60a7 7 0 0 1-7 7zM119.5 459.5h-60a7 7 0 0 1-7-7v-60a7 7 0 0 1 7-7h60a7 7 0 0 1 7 7v60a7 7 0 0 1-7 7zM238.5 228.237h-60a7 7 0 0 1-7-7v-60a7 7 0 0 1 7-7h60a7 7 0 0 1 7 7v60a7 7 0 0 1-7 7zM238.5 343.868h-60a7 7 0 0 1-7-7v-60a7 7 0 0 1 7-7h60a7 7 0 0 1 7 7v60a7 7 0 0 1-7 7zM238.5 459.5h-60a7 7 0 0 1-7-7v-60a7 7 0 0 1 7-7h60a7 7 0 0 1 7 7v60a7 7 0 0 1-7 7zM357.5 228.237h-60a7 7 0 0 1-7-7v-60a7 7 0 0 1 7-7h60a7 7 0 0 1 7 7v60a7 7 0 0 1-7 7z"
fill="#e5e1e5"
/>
<path
d="M357.5 154.237h-30a7 7 0 0 1 7 7v60a7 7 0 0 1-7 7h30a7 7 0 0 0 7-7v-60a7 7 0 0 0-7-7zM238.5 154.237h-30a7 7 0 0 1 7 7v60a7 7 0 0 1-7 7h30a7 7 0 0 0 7-7v-60a7 7 0 0 0-7-7zM119.5 154.237h-30a7 7 0 0 1 7 7v60a7 7 0 0 1-7 7h30a7 7 0 0 0 7-7v-60a7 7 0 0 0-7-7z"
fill="#d7d0d6"
/>
<path
d="M357.5 343.868h-60a7 7 0 0 1-7-7v-60a7 7 0 0 1 7-7h60a7 7 0 0 1 7 7v60a7 7 0 0 1-7 7zM357.5 459.5h-60a7 7 0 0 1-7-7v-60a7 7 0 0 1 7-7h60a7 7 0 0 1 7 7v60a7 7 0 0 1-7 7z"
fill="#e5e1e5"
/>
<circle cx="436.99" cy="176.747" r="22.51" fill="#c9f6b0" />
<path
d="M436.99 154.237a22.402 22.402 0 0 0-11.255 3.019c6.726 3.893 11.255 11.161 11.255 19.491s-4.529 15.598-11.255 19.491a22.395 22.395 0 0 0 11.255 3.019c12.432 0 22.51-10.078 22.51-22.51 0-12.432-10.078-22.51-22.51-22.51z"
fill="#9be69d"
/>
<circle cx="436.99" cy="263.495" r="22.51" fill="#ffd15b" />
<path
d="M436.99 240.984a22.393 22.393 0 0 0-11.255 3.02c6.726 3.893 11.255 11.16 11.255 19.49 0 8.331-4.529 15.599-11.255 19.491a22.396 22.396 0 0 0 11.255 3.02c12.432 0 22.51-10.078 22.51-22.511 0-12.432-10.078-22.51-22.51-22.51z"
fill="#ffc344"
/>
<circle cx="436.99" cy="350.242" r="22.51" fill="#fe646f" />
<path
d="M436.99 327.732a22.402 22.402 0 0 0-11.255 3.019c6.726 3.893 11.255 11.161 11.255 19.491s-4.529 15.599-11.255 19.491a22.405 22.405 0 0 0 11.255 3.019c12.432 0 22.51-10.078 22.51-22.51s-10.078-22.51-22.51-22.51z"
fill="#fd4755"
/>
<circle cx="436.99" cy="436.99" r="22.51" fill="#60b7ff" />
<path
d="M436.99 414.48a22.392 22.392 0 0 0-11.255 3.019c6.726 3.893 11.255 11.161 11.255 19.491s-4.529 15.599-11.255 19.491a22.405 22.405 0 0 0 11.255 3.019c12.432 0 22.51-10.078 22.51-22.51s-10.078-22.51-22.51-22.51z"
fill="#26a6fe"
/>
<circle cx="75.01" cy="58.727" r="22.51" fill="#ffd15b" />
<circle cx="165.01" cy="58.727" r="22.51" fill="#60b7ff" />
<circle cx="255.01" cy="58.727" r="22.51" fill="#fe646f" />
<path
d="M255.01 36.217a22.402 22.402 0 0 0-11.255 3.019c6.726 3.893 11.255 11.161 11.255 19.491 0 8.331-4.529 15.599-11.255 19.491a22.392 22.392 0 0 0 11.255 3.019c12.432 0 22.51-10.078 22.51-22.51 0-12.432-10.078-22.51-22.51-22.51z"
fill="#fd4755"
/>
<path
d="M165.01 36.217a22.402 22.402 0 0 0-11.255 3.019c6.726 3.893 11.255 11.161 11.255 19.491 0 8.331-4.529 15.599-11.255 19.491a22.392 22.392 0 0 0 11.255 3.019c12.432 0 22.51-10.078 22.51-22.51 0-12.432-10.078-22.51-22.51-22.51z"
fill="#26a6fe"
/>
<path
d="M75.01 36.217a22.402 22.402 0 0 0-11.255 3.019c6.726 3.893 11.255 11.161 11.255 19.491 0 8.331-4.529 15.599-11.255 19.491a22.392 22.392 0 0 0 11.255 3.019c12.432 0 22.51-10.078 22.51-22.51 0-12.432-10.078-22.51-22.51-22.51z"
fill="#ffc344"
/>
<path
d="M357.5 269.868h-30a7 7 0 0 1 7 7v60a7 7 0 0 1-7 7h30a7 7 0 0 0 7-7v-60a7 7 0 0 0-7-7zM238.5 269.868h-30a7 7 0 0 1 7 7v60a7 7 0 0 1-7 7h30a7 7 0 0 0 7-7v-60a7 7 0 0 0-7-7zM119.5 269.868h-30a7 7 0 0 1 7 7v60a7 7 0 0 1-7 7h30a7 7 0 0 0 7-7v-60a7 7 0 0 0-7-7zM357.5 385.5h-30a7 7 0 0 1 7 7v60a7 7 0 0 1-7 7h30a7 7 0 0 0 7-7v-60a7 7 0 0 0-7-7zM238.5 385.5h-30a7 7 0 0 1 7 7v60a7 7 0 0 1-7 7h30a7 7 0 0 0 7-7v-60a7 7 0 0 0-7-7zM119.5 385.5h-30a7 7 0 0 1 7 7v60a7 7 0 0 1-7 7h30a7 7 0 0 0 7-7v-60a7 7 0 0 0-7-7z"
fill="#d7d0d6"
/>
<path
d="M474.5 504.5h-437c-16.569 0-30-13.431-30-30v-437c0-16.569 13.431-30 30-30h437c16.569 0 30 13.431 30 30v437c0 16.569-13.431 30-30 30zM389.606 109.237H7.5M504.5 109.237h-79.894"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M119.5 228.237h-60a7 7 0 0 1-7-7v-60a7 7 0 0 1 7-7h60a7 7 0 0 1 7 7v60a7 7 0 0 1-7 7zM119.5 343.868h-60a7 7 0 0 1-7-7v-60a7 7 0 0 1 7-7h60a7 7 0 0 1 7 7v60a7 7 0 0 1-7 7zM52.5 406.78V392.5a7 7 0 0 1 7-7h60a7 7 0 0 1 7 7v60a7 7 0 0 1-7 7h-60a7 7 0 0 1-7-7v-10.72M238.5 228.237h-60a7 7 0 0 1-7-7v-60a7 7 0 0 1 7-7h60a7 7 0 0 1 7 7v60a7 7 0 0 1-7 7zM238.5 343.868h-60a7 7 0 0 1-7-7v-60a7 7 0 0 1 7-7h60a7 7 0 0 1 7 7v60a7 7 0 0 1-7 7zM238.5 459.5h-60a7 7 0 0 1-7-7v-60a7 7 0 0 1 7-7h60a7 7 0 0 1 7 7v60a7 7 0 0 1-7 7zM357.5 228.237h-60a7 7 0 0 1-7-7v-60a7 7 0 0 1 7-7h60a7 7 0 0 1 7 7v60a7 7 0 0 1-7 7zM357.5 343.868h-60a7 7 0 0 1-7-7v-60a7 7 0 0 1 7-7h60a7 7 0 0 1 7 7v60a7 7 0 0 1-7 7zM357.5 459.5h-60a7 7 0 0 1-7-7v-60a7 7 0 0 1 7-7h60a7 7 0 0 1 7 7v60a7 7 0 0 1-7 7z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<circle
cx="436.99"
cy="176.747"
r="22.51"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<circle
cx="436.99"
cy="263.495"
r="22.51"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<circle
cx="436.99"
cy="350.242"
r="22.51"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<circle
cx="436.99"
cy="436.99"
r="22.51"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<circle
cx="75.01"
cy="58.727"
r="22.51"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<circle
cx="165.01"
cy="58.727"
r="22.51"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<circle
cx="255.01"
cy="58.727"
r="22.51"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M413.275 43.717H459.5M413.275 73.737H459.5"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
</svg>
More icons in the same style and category