Add icons to this collection by clicking the heart icon.
Controller icon - also known as interface, configuration, music, controller, level, control, controls, settings, adjustment, electronics, levels, preferences, adjust, and music and multimedia. Created in a clean lineal color style with a white, silver, gray, and black 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="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.644 407.732h-208.42v96.194h208.42z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#9196aa"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M504.644 199.313h-208.42v208.419h208.42z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#96e8ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-208.419h-288.58V96.194H0z"
transform="matrix(1.33333 0 0 -1.33333 394.965 139.023)"
fill="#bec3d2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-144.29h-497V0h288.58z"
transform="matrix(1.33333 0 0 -1.33333 672.858 416.916)"
fill="#bec3d2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-32.064l-16.032-16.033h-464.936L-497-32.064V0Z"
transform="matrix(1.33333 0 0 -1.33333 672.858 609.303)"
fill="#e9edf5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M504.644 407.732h-24.049v96.194h24.049z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#7e8596"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M504.644 199.313h-24.049v208.419h24.049z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#19cffc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M504.644 55.023h-24.049v144.29h24.049z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#afb4c8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-32.064l-16.032-16.033H8.017l16.032 16.033V0Z"
transform="matrix(1.33333 0 0 -1.33333 640.793 609.303)"
fill="#dce1eb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M135.901 231.378H39.708v240.484h96.193z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#e9edf5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M111.853 231.378h24.048v240.484h-24.048z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#dce1eb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M264.159 231.378h-96.193v240.484h96.193z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#e9edf5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M240.111 231.378h24.048v240.484h-24.048z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#dce1eb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M103.837 335.587H71.773v32.064h32.064zM232.095 375.668h-32.064v32.064h32.064z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#9196aa"
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 0c0-22.136-17.945-40.081-40.081-40.081-22.136 0-40.08 17.945-40.08 40.081 0 22.136 17.944 40.081 40.08 40.081S0 22.136 0 0"
transform="translate(119.87 127.168)"
fill="#e9edf5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-22.136-17.944-40.081-40.081-40.081-22.135 0-40.08 17.945-40.08 40.081 0 22.136 17.945 40.081 40.08 40.081C-17.944 40.081 0 22.136 0 0"
transform="translate(232.095 127.168)"
fill="#e9edf5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-22.136-17.944-40.081-40.08-40.081S-80.161-22.136-80.161 0c0 22.136 17.945 40.081 40.081 40.081C-17.944 40.081 0 22.136 0 0"
transform="translate(344.32 127.168)"
fill="#e9edf5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-15v31.549h31.548v-15H0Z"
transform="translate(335.646 447.297)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-55.081v104.209h-9.048V56.113h-31.549v15h16.549v48.096h39.048V15H-15v56.113h47.58v-15H0Z"
transform="translate(447.871 247.41)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M400.29 87.087h-16.032v15h16.032z"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h377.274v15h-88.693v193.419H482V15h-88.693V0H482v-129.29H0Zm482 223.419H288.581v81.194H482ZM72.661 319.613v-15h200.92V15H0v289.613h56.629v15H-15v-491.574l20.426-20.426h123.348v15H11.639L0-165.748v21.458h482v-21.458l-11.639-11.639H144.807v-15h331.767L497-171.961v491.574z"
transform="translate(15 192.313)"
fill="#231f20"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M47.064 464.862h81.194V239.378H47.064Zm-15-240.484h111.194v255.484H32.064Z"
fill="#231f20"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M96.193 343.587H79.129v17.064h17.064zm-1.032 96.71h-15v-64.645H64.129v-47.065h16.032v-64.645h15v64.645h16.032v47.065H95.161ZM256.517 239.378h-81.194v225.484h81.194zm-96.194-15h111.194v255.484H160.323Z"
fill="#231f20"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M207.387 400.732h17.064v-17.064h-17.064zm1.032-136.79h15v104.726h16.033v47.064h-16.033v24.565h-15v-24.565h-16.032v-47.064h16.032zM320.129 304.539h16.032v15h-16.032z"
fill="#231f20"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-17.965 0-32.581 14.616-32.581 32.581 0 15.383 10.721 28.301 25.081 31.699V32.581h15V64.28c14.36-3.398 25.081-16.316 25.081-31.699C32.581 14.616 17.965 0 0 0m0 80.161c-26.236 0-47.581-21.345-47.581-47.58C-47.581 6.345-26.236-15 0-15c26.236 0 47.581 21.345 47.581 47.581 0 26.235-21.345 47.58-47.581 47.58"
transform="translate(79.645 95.087)"
fill="#231f20"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v31.699h-15V0c-14.36 3.397-25.081 16.316-25.081 31.699 0 17.965 14.616 32.581 32.581 32.581 17.965 0 32.581-14.616 32.581-32.581C25.081 16.316 14.36 3.397 0 0m-7.5 79.28c-26.236 0-47.581-21.345-47.581-47.581 0-26.236 21.345-47.58 47.581-47.58 26.236 0 47.581 21.344 47.581 47.58 0 26.236-21.345 47.581-47.581 47.581"
transform="translate(199.371 95.969)"
fill="#231f20"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-17.965 0-32.58 14.616-32.58 32.581 0 15.383 10.721 28.301 25.08 31.699V32.581h15V64.28c14.36-3.398 25.081-16.316 25.081-31.699C32.581 14.616 17.965 0 0 0m0 80.161c-26.235 0-47.58-21.345-47.58-47.58C-47.58 6.345-26.235-15 0-15c26.236 0 47.581 21.345 47.581 47.581 0 26.235-21.345 47.58-47.581 47.58"
transform="translate(304.097 95.087)"
fill="#231f20"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M368.226 152.232h112.226v15H368.226ZM368.226 120.168h112.226v15H368.226ZM416.322 88.104h16.032v15h-16.032z"
fill="#231f20"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M464.419 87.087h-16.032v15h16.032z"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
</svg>
More icons in the same style and category