Add icons to this collection by clicking the heart icon.
Controller Pad icon - also known as technology, interface, controller, pad, ui, gaming, shapes and symbols, and controller pad. Created in a clean lineal color style with a silver, gray, black, yellow, teal, navy, 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0c0-137.243-111.257-248.5-248.5-248.5S-497-137.243-497 0s111.257 248.5 248.5 248.5S0 137.243 0 0"
transform="translate(504.5 256)"
fill="#0268b4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-4.604 0-9.177-.135-13.719-.382C117.142-7.504 221.062-115.861 221.062-248.5S117.142-489.496-13.719-496.618A252.57 252.57 0 0 1 0-497c137.242 0 248.5 111.257 248.5 248.5S137.242 0 0 0"
transform="translate(256 504.5)"
fill="#015a9b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-50.895C-61.04 0-69.264 8.224-69.264 18.369v50.895c0 10.145 8.224 18.369 18.369 18.369H0c10.145 0 18.369-8.224 18.369-18.369V18.369C18.369 8.224 10.145 0 0 0"
transform="translate(281.447 212.184)"
fill="#004281"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-25.076C-14.932 0-6.707-8.224-6.707-18.369v-50.895c0-10.145-8.225-18.369-18.369-18.369H0c10.145 0 18.369 8.224 18.369 18.369v50.895C18.369-8.224 10.145 0 0 0"
transform="translate(281.447 299.816)"
fill="#00366d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-34.281-27.79-62.07-62.07-62.07-34.281 0-62.07 27.789-62.07 62.07 0 34.28 27.789 62.07 62.07 62.07C-27.79 62.07 0 34.28 0 0"
transform="translate(291.2 400.616)"
fill="#015a9b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-34.281-27.789-62.07-62.07-62.07-34.28 0-62.07 27.789-62.07 62.07 0 34.28 27.79 62.07 62.07 62.07C-27.789 62.07 0 34.28 0 0"
transform="translate(318.632 400.616)"
fill="#bbec6c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-4.718 0-9.306-.544-13.722-1.541C13.953-7.79 34.626-32.507 34.626-62.07c0-29.563-20.673-54.282-48.348-60.53A62.223 62.223 0 0 1 0-124.141c34.281 0 62.07 27.79 62.07 62.071C62.07-27.79 34.281 0 0 0"
transform="translate(256.562 462.686)"
fill="#a2e62e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-34.28-27.79-62.07-62.07-62.07-34.281 0-62.07 27.79-62.07 62.07 0 34.281 27.789 62.07 62.07 62.07C-27.79 62.07 0 34.281 0 0"
transform="translate(291.2 111.384)"
fill="#015a9b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-34.28-27.789-62.07-62.07-62.07-34.28 0-62.07 27.79-62.07 62.07 0 34.281 27.79 62.07 62.07 62.07C-27.789 62.07 0 34.281 0 0"
transform="translate(318.632 111.384)"
fill="#99e6fc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-4.718 0-9.306-.544-13.722-1.541C13.953-7.789 34.626-32.507 34.626-62.07c0-29.563-20.673-54.281-48.348-60.53A62.223 62.223 0 0 1 0-124.14c34.281 0 62.07 27.789 62.07 62.07C62.07-27.79 34.281 0 0 0"
transform="translate(256.562 173.455)"
fill="#62dbfb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-34.281 0-62.07 27.79-62.07 62.07 0 34.281 27.789 62.071 62.07 62.071 34.28 0 62.07-27.79 62.07-62.071C62.07 27.79 34.28 0 0 0"
transform="translate(373.746 193.93)"
fill="#015a9b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-34.28 0-62.07 27.79-62.07 62.07 0 34.281 27.79 62.071 62.07 62.071s62.07-27.79 62.07-62.071C62.07 27.79 34.28 0 0 0"
transform="translate(401.178 193.93)"
fill="#f07181"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-4.718 0-9.306-.544-13.722-1.541C13.952-7.789 34.627-32.507 34.627-62.07c0-29.563-20.675-54.282-48.349-60.53A62.223 62.223 0 0 1 0-124.141c34.28 0 62.07 27.79 62.07 62.071C62.07-27.79 34.28 0 0 0"
transform="translate(401.178 318.07)"
fill="#eb5569"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-34.281 0-62.07 27.79-62.07 62.07 0 34.281 27.789 62.071 62.07 62.071 34.28 0 62.07-27.79 62.07-62.071C62.07 27.79 34.28 0 0 0"
transform="translate(84.515 193.93)"
fill="#015a9b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-34.28 0-62.07 27.79-62.07 62.07 0 34.281 27.79 62.071 62.07 62.071 34.281 0 62.07-27.79 62.07-62.071C62.07 27.79 34.281 0 0 0"
transform="translate(111.946 193.93)"
fill="#fddf30"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a62.23 62.23 0 0 1-13.722-1.541C13.953-7.789 34.627-32.507 34.627-62.07c0-29.563-20.674-54.282-48.349-60.53A62.23 62.23 0 0 1 0-124.141c34.281 0 62.07 27.79 62.07 62.071C62.07-27.79 34.281 0 0 0"
transform="translate(111.946 318.07)"
fill="#fac600"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c35.962-43.104 57.6-98.575 57.6-159.099 0-137.243-111.257-248.5-248.5-248.5s-248.5 111.257-248.5 248.5 111.257 248.5 248.5 248.5c64.004 0 122.356-24.197 166.408-63.942"
transform="translate(446.9 415.1)"
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-50.895C-61.04 0-69.264 8.224-69.264 18.369v50.895c0 10.145 8.224 18.369 18.369 18.369H0c10.145 0 18.369-8.224 18.369-18.369V18.369C18.369 8.224 10.145 0 0 0Z"
transform="translate(281.447 212.184)"
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-34.281-27.789-62.07-62.07-62.07-34.28 0-62.07 27.789-62.07 62.07 0 34.28 27.79 62.07 62.07 62.07C-27.789 62.07 0 34.28 0 0Z"
transform="translate(318.632 400.616)"
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 0c-34.28 0-62.07 27.79-62.07 62.07 0 34.281 27.79 62.071 62.07 62.071s62.07-27.79 62.07-62.071C62.07 27.79 34.28 0 0 0Z"
transform="translate(401.178 193.93)"
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 0c-7.808-25.35-31.417-43.774-59.33-43.774-34.28 0-62.07 27.79-62.07 62.07 0 34.281 27.79 62.071 62.07 62.071 28.268 0 52.122-18.896 59.621-44.745"
transform="translate(171.276 237.704)"
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 0c12.403-23.447 8.737-53.168-11-72.905-24.24-24.24-63.541-24.24-87.78 0-24.241 24.239-24.241 63.54 0 87.78 19.988 19.988 50.217 23.495 73.797 10.519"
transform="translate(311.452 140.4)"
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