Add icons to this collection by clicking the heart icon.
Game Controller icon - also known as technology, electronic, video game, gamepad, game controller, multimedia, gaming, and gamer. Created in a clean lineal color style with a gray and navy 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="100"
height="100"
viewBox="0 0 512 512"
>
<path
d="M469.333 170.667h-128v-128C341.333 19.135 322.198 0 298.667 0h-85.333c-23.531 0-42.667 19.135-42.667 42.667v128h-128C19.135 170.667 0 189.802 0 213.333v85.333c0 23.531 19.135 42.667 42.667 42.667h128v128c0 23.531 19.135 42.667 42.667 42.667h85.333c23.531 0 42.667-19.135 42.667-42.667v-128h128c23.531 0 42.667-19.135 42.667-42.667v-85.333c-.001-23.531-19.136-42.666-42.668-42.666z"
fill="#303c42"
/>
<path
d="M490.667 298.667c0 11.76-9.573 21.333-21.333 21.333H330.667A10.66 10.66 0 0 0 320 330.667v138.667c0 11.76-9.573 21.333-21.333 21.333h-85.333c-11.76 0-21.333-9.573-21.333-21.333V330.667A10.66 10.66 0 0 0 181.334 320H42.667c-11.76 0-21.333-9.573-21.333-21.333v-85.333c0-11.76 9.573-21.333 21.333-21.333h138.667a10.66 10.66 0 0 0 10.667-10.667V42.667c0-11.76 9.573-21.333 21.333-21.333h85.333c11.76 0 21.333 9.573 21.333 21.333v138.667a10.66 10.66 0 0 0 10.667 10.667h138.667c11.76 0 21.333 9.573 21.333 21.333v85.333z"
fill="#454f55"
/>
<circle cx="256" cy="256" r="64" fill="#303c42" />
<linearGradient
id="a"
x1="-34.703"
x2="-34.703"
y1="636.484"
y2="632.484"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#000" stop-opacity=".1" />
<stop offset="1" stop-color="#000" stop-opacity="0" />
</linearGradient>
<circle cx="256" cy="256" r="42.667" fill="url(#a)" />
<circle cx="256" cy="256" r="42.667" fill="#596368" />
<path
d="M217.852 261.408c0-23.531 19.135-42.667 42.667-42.667 11.685 0 22.273 4.734 29.986 12.367-7.757-10.72-20.286-17.775-34.504-17.775-23.531 0-42.667 19.135-42.667 42.667 0 11.846 4.862 22.563 12.681 30.299-5.083-7.022-8.163-15.578-8.163-24.891z"
opacity=".1"
/>
<linearGradient
id="b"
x1="-35.349"
x2="-24.239"
y1="642.645"
y2="631.535"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#000" stop-opacity=".1" />
<stop offset="1" stop-color="#000" stop-opacity="0" />
</linearGradient>
<path
d="M469.333 320c11.76 0 21.333-9.573 21.333-21.333V283.74L398.927 192h-68.26A10.66 10.66 0 0 1 320 181.333v-68.26l-23.469-23.469a10.663 10.663 0 0 1-8.532 17.063h-64c-1.836 0-3.546-.594-5.092-1.447L433.688 320h35.645z"
fill="url(#b)"
/>
<path
d="M422.396 215.469c-3.208-2.427-7.552-2.802-11.167-1.01a10.671 10.671 0 0 0-5.896 9.542v64c0 4.042 2.281 7.729 5.896 9.542a10.73 10.73 0 0 0 4.771 1.125c2.26 0 4.521-.719 6.396-2.135l42.667-32a10.659 10.659 0 0 0 4.271-8.531c0-3.354-1.583-6.521-4.271-8.531l-42.667-32.002z"
fill="#666"
/>
<path d="M426.667 266.667v-21.334L440.885 256z" fill="#454f55" />
<path
d="M100.771 214.458c-3.604-1.781-7.948-1.417-11.167 1.01l-42.667 32a10.659 10.659 0 0 0-4.271 8.531c0 3.354 1.583 6.521 4.271 8.531l42.667 32A10.589 10.589 0 0 0 96 298.665c1.625 0 3.26-.375 4.771-1.125a10.671 10.671 0 0 0 5.896-9.542v-64c0-4.04-2.282-7.727-5.896-9.54z"
fill="#666"
/>
<linearGradient
id="c"
x1="-43.279"
x2="-31.872"
y1="635.309"
y2="623.902"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#000" stop-opacity=".1" />
<stop offset="1" stop-color="#000" stop-opacity="0" />
</linearGradient>
<path
d="M320 433.117 104.118 217.236l-.163.134c1.574 1.885 2.711 4.085 2.711 6.63v64c0 4.042-2.281 7.729-5.896 9.542a10.73 10.73 0 0 1-4.771 1.125c-2.271 0-4.521-.719-6.396-2.135l-42.667-32L102.406 320h78.927A10.66 10.66 0 0 1 192 330.667v78.927l81.073 81.073h25.594c11.76 0 21.333-9.573 21.333-21.333v-36.217z"
fill="url(#c)"
/>
<path d="M85.333 266.667 71.115 256l14.218-10.667z" fill="#454f55" />
<path
d="M288 405.333h-64a10.671 10.671 0 0 0-9.542 5.896 10.665 10.665 0 0 0 1.01 11.167l32 42.667a10.659 10.659 0 0 0 8.531 4.271c3.354 0 6.521-1.583 8.531-4.271l32-42.667a10.663 10.663 0 0 0-8.53-17.063z"
fill="#666"
/>
<path d="m256 440.885-10.667-14.218h21.334z" fill="#454f55" />
<path
d="M224 106.667h64c4.042 0 7.729-2.281 9.542-5.896a10.665 10.665 0 0 0-1.01-11.167l-32-42.667c-4.021-5.375-13.042-5.375-17.063 0l-32 42.667A10.663 10.663 0 0 0 224 106.667z"
fill="#666"
/>
<path d="m256 71.115 10.667 14.218h-21.334z" fill="#454f55" />
<linearGradient
id="d"
x1="-34.112"
x2="-31.872"
y1="626.142"
y2="623.902"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#000" stop-opacity=".1" />
<stop offset="1" stop-color="#000" stop-opacity="0" />
</linearGradient>
<path
d="m294.729 407.845-.129.167c1.122.93 2.264 1.866 2.941 3.217a10.665 10.665 0 0 1-1.01 11.167l-32 42.667a10.659 10.659 0 0 1-8.531 4.271c-2.522 0-4.766-1.124-6.664-2.711l-.133.173 23.87 23.871h25.594c11.76 0 21.333-9.573 21.333-21.333v-36.217l-25.271-25.272z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-26.33"
x2="-24.123"
y1="633.857"
y2="631.651"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#000" stop-opacity=".1" />
<stop offset="1" stop-color="#000" stop-opacity="0" />
</linearGradient>
<path
d="m466.435 248.906-.103.082c1.773 1.945 3.001 4.335 3.001 7.012 0 3.354-1.583 6.521-4.271 8.531l-42.667 32a10.61 10.61 0 0 1-6.396 2.135c-1.625 0-3.26-.375-4.771-1.125-1.031-.517-1.664-1.457-2.456-2.245l-.286.23L432.961 320h36.372c11.76 0 21.333-9.573 21.333-21.333v-25.529l-24.231-24.232z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="-34.537"
x2="-29.592"
y1="634.327"
y2="629.376"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#000" stop-opacity=".1" />
<stop offset="1" stop-color="#000" stop-opacity="0" />
</linearGradient>
<path
d="m305.04 214.984-.194.158C314.163 226.262 320 240.392 320 256c0 35.292-28.708 64-64 64-15.902 0-30.285-6.042-41.49-15.674L320 409.815v-79.148A10.66 10.66 0 0 1 330.667 320h79.391L305.04 214.984z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="-45.496"
x2="-23.91"
y1="639.516"
y2="629.453"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity=".2" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</linearGradient>
<path
d="M469.333 170.667h-128v-128C341.333 19.135 322.198 0 298.667 0h-85.333c-23.531 0-42.667 19.135-42.667 42.667v128h-128C19.135 170.667 0 189.802 0 213.333v85.333c0 23.531 19.135 42.667 42.667 42.667h128v128c0 23.531 19.135 42.667 42.667 42.667h85.333c23.531 0 42.667-19.135 42.667-42.667v-128h128c23.531 0 42.667-19.135 42.667-42.667v-85.333c-.001-23.531-19.136-42.666-42.668-42.666z"
fill="url(#g)"
/>
</svg>
More icons in the same style and category