Add icons to this collection by clicking the heart icon.
Controller icon - also known as technology, joystick, controller, video game, gamepad, game controller, arcade stick, electronics, gaming, and gamer. 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="M0 0h-55.638l14-164L-30-167.713-15-164-4.33-47.34l-1.521 9.585z"
transform="matrix(1.33333 0 0 -1.33333 381.333 114)"
fill="#f7f3f1"
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 0h-15l14-164 7.809-2.521L14-164 4.787-56.078c-.209 2.454 1.828 4.527 4.283 4.324A71.782 71.782 0 0 1 15-52c8.93 0 17.6 1.61 25.67 4.66l4.16 45.46L45 0Z"
transform="translate(241 426.5)"
fill="#eae2df"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 31.756-25.744 57.5-57.5 57.5-10.354 0-20.07-2.737-28.462-7.527 0 0-1.946-2.011-3.176-2.846C-104.376 36.786-111.734 19.804-111.734 0c0-31.756 22.478-53.149 54.234-53.149 18.825 0 34.942 5.086 45.431 19.069.839 1.119 2.99 3.057 2.99 3.057C-3.333-22.073 0-11.426 0 0"
transform="translate(313.5 447)"
fill="#fc5461"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-10.22-15.95-28.062-26.477-48.421-26.477-31.76 0-57.5 25.74-57.5 57.5 0 21.41 11.688 40.083 29.038 49.973-5.72-8.94-9.038-19.573-9.038-30.973 0-31.76 25.74-57.5 57.5-57.5C-18.071-7.477-8.39-4.79 0 0"
transform="translate(304.421 415.977)"
fill="#dd3652"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-37.692c-.389 0-.773-.013-1.154-.038 0 0-2.321-1.148-3.522-1.504C-48.882-3.476-52.57-8.31-52.57-15v-15h67.32l1.404 15C16.154-6.716 8.921 0 0 0"
transform="translate(274.846 262.5)"
fill="#9ce6fb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-15l-37.873-4.096L-70-15V0c0 7.92 6.62 14.412 15 14.962V3a3 3 0 0 1 3-3z"
transform="translate(291 247.5)"
fill="#68dbf9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-110s-5.666-1.507-8.096-3.202c-3.886-2.711-5.777-6.701-5.777-11.798l.064-35H12.468L15-35v20C15-6.716 8.284 0 0 0"
transform="translate(311 232.5)"
fill="#9ce6fb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-15l-67.819-3.713L-140-15v35c0 8.28 6.72 15 15 15V3a3 3 0 0 1 3-3z"
transform="translate(326 197.5)"
fill="#68dbf9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-432l-8.362.798a5 5 0 0 0-5 5L-445.489 30H1.191L5 15V5a5 5 0 0 0-5-5"
transform="translate(477 7.5)"
fill="#f7f3f1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-75.404l-.298 28.373c0 5.452 4.477 9.873 10 9.873l.383-.086 3.505.84h53.5c5.523 0 10-4.42 10-9.874V16Z"
transform="translate(104.064 122.5)"
fill="#fc5461"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-16l-39.25-6.436L-78.5-16v29.13c0 5.45 4.48 9.87 10 9.87h5V4a4 4 0 0 1 4-4z"
transform="translate(105.75 138.5)"
fill="#dd3652"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-75.404l-.298 28.373c0 5.452 4.477 9.873 10 9.873l.383-.086 3.505.84h53.5c5.523 0 10-4.42 10-9.874V16Z"
transform="translate(483.064 122.5)"
fill="#fc5461"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-16l-39.25-6.436L-78.5-16v29.13c0 5.45 4.48 9.87 10 9.87h5V4a4 4 0 0 1 4-4z"
transform="translate(484.75 138.5)"
fill="#dd3652"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-209l-.958-.947c-8.284 0-13.829-6.396-13.829-14.68V-60H12.958L15-44v29C15-6.716 8.284 0 0 0"
transform="translate(361 182.5)"
fill="#f7f3f1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-16l-126.575-6.436L-240-16v45c0 8.284 6.716 15 15 15h1V3a3 3 0 0 1 3-3z"
transform="translate(376 138.5)"
fill="#eae2df"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-20l-9.234-.67a5 5 0 0 1-5-5l.319-24.33H2.66L5-14v9a5 5 0 0 1-5 5"
transform="translate(201 152.5)"
fill="#fc5461"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-16l-20-6.436L-40-16V9a5 5 0 0 0 5 5h10V3a3 3 0 0 1 3-3z"
transform="translate(206 138.5)"
fill="#dd3652"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-20l-9.234-.67a5 5 0 0 1-5-5l.319-24.33H2.66L5-14v9a5 5 0 0 1-5 5"
transform="translate(271 152.5)"
fill="#fc5461"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-16l-20-6.436L-40-16V9a5 5 0 0 0 5 5h10V3a3 3 0 0 1 3-3z"
transform="translate(276 138.5)"
fill="#dd3652"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-20l-9.234-.67a5 5 0 0 1-5-5l.319-24.33H2.66L5-14v9a5 5 0 0 1-5 5"
transform="translate(341 152.5)"
fill="#fc5461"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-16l-20-6.436L-40-16V9a5 5 0 0 0 5 5h10V3a3 3 0 0 1 3-3z"
transform="translate(346 138.5)"
fill="#dd3652"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-462.809-.17c-8.284 0-15 6.715-15 15l-.297 51.872c0 8.284 4.609 15.128 12.893 15.128l4.995 1.202H2.032c8.284 0 15-6.716 15-15v-51l-1.756-3.969C15.276 4.779 8.284 0 0 0"
transform="translate(487.468 39.468)"
fill="#9ce6fb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-15h-434a3 3 0 0 1-3-3v-12h-10a5 5 0 0 0-5 5V0l211.255 12.096z"
transform="translate(482 37.5)"
fill="#eae2df"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-4c0-8.284-6.716-15-15-15h-467c-8.284 0-15 6.716-15 15v55c0 8.284 6.716 15 15 15h4.75V4a4 4 0 0 1 4-4z"
transform="translate(504.5 56.5)"
fill="#68dbf9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v24.373a5 5 0 0 1-5 5h-30a5 5 0 0 1-5-5V-.17"
transform="translate(276 123.127)"
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 0v24.458a5 5 0 0 1-5 5h-30a5 5 0 0 1-5-5V-.213"
transform="translate(206 123.043)"
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 0v24.542a5 5 0 0 1-5 5h-30a5 5 0 0 1-5-5V.064"
transform="translate(346 122.957)"
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-97.192c-8.285 0-15-6.716-15-15v-42.5"
transform="translate(248.192 182.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 0v41.479c0 8.284-6.716 15-15 15h-77.808"
transform="translate(376 126.022)"
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-59.649c-8.284 0-15 6.716-15 15v55c0 8.284 6.716 15 15 15h467c8.284 0 15-6.716 15-15V15c0-8.284-6.716-15-15-15H35"
transform="translate(82.149 37.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 0v29.009c0 5.453 4.477 9.874 10 9.874h58.5c5.523 0 10-4.421 10-9.874V.085"
transform="translate(27.25 122.617)"
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 0v28.605c0 5.453 4.477 9.874 10 9.874h58.5c5.523 0 10-4.421 10-9.874V.191"
transform="translate(406.25 123.022)"
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 0v33.436c0 8.284-6.716 15-15 15h-110c-8.284 0-15-6.716-15-15V-.681"
transform="translate(326 184.064)"
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 0v13.564c0 8.284-7.232 15-16.154 15h-37.692c-8.922 0-16.154-6.716-16.154-15V-.511"
transform="translate(291 233.936)"
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.293-132.294"
transform="translate(228.62 395.805)"
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 3.692 40.369"
transform="translate(279.5 355.436)"
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 5.217 57.037"
transform="translate(271.125 263.87)"
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 0a57.648 57.648 0 0 1-1.49-13.061c0-31.756 25.744-57.5 57.5-57.5 31.757 0 57.5 25.744 57.5 57.5s-25.743 57.5-57.5 57.5c-14.747 0-28.198-5.552-38.376-14.68"
transform="translate(199.99 460.061)"
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-24.766a5 5 0 0 0-5-5h-442a5 5 0 0 0-5 5V.032"
transform="translate(482 37.266)"
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