Add icons to this collection by clicking the heart icon.
Gamepad icon - also known as technology, electronic, joystick, video game, gamepad, game controller, multimedia, gaming, and gamer. Created in a clean gradient style with a red, teal, 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="100"
height="100"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="74.981"
x2="437.019"
y1="439.019"
y2="76.981"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00f0cc" />
<stop offset="1" stop-color="#008771" />
</linearGradient>
<circle cx="256" cy="256" r="256" fill="url(#a)" />
<linearGradient
id="b"
x1="125.5"
x2="403.38"
y1="344.836"
y2="344.836"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#3c3a41" />
<stop offset="1" stop-color="#000" />
</linearGradient>
<path
d="M319.984 100v65.203h-18.281v-46.922h-36.562v120.047h-18.282V100z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="125.5"
x2="403.38"
y1="148.886"
y2="148.886"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#3c3a41" />
<stop offset="1" stop-color="#000" />
</linearGradient>
<path
d="M373.427 412h-70.322l-12.908-77.41 98.86-16.362L373.427 412z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="125.5"
x2="403.38"
y1="148.886"
y2="148.886"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#3c3a41" />
<stop offset="1" stop-color="#000" />
</linearGradient>
<path
d="M208.895 412h-70.322l-15.63-93.772 98.86 16.362L208.895 412z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="99.999"
x2="411.999"
y1="239.109"
y2="239.109"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#606060" />
<stop offset="1" stop-color="#2b292c" />
</linearGradient>
<path
d="M329.125 192.625c-27.239 0-52.833 13.894-68.006 36.563H250.88c-15.173-22.669-40.767-36.563-68.006-36.563-45.337 0-82.875 36.927-82.875 82.266 0 45.337 37.538 82.266 82.875 82.266 14.26 0 28.153-3.84 40.584-10.97h65.082c12.431 7.13 26.324 10.97 40.584 10.97 45.337 0 82.875-36.928 82.875-82.266.001-45.339-37.537-82.266-82.874-82.266z"
fill="url(#e)"
/>
<path d="M319.98 229.19h18.281v18.281H319.98z" fill="#10bb67" />
<path d="M283.42 265.75h18.281v18.281H283.42z" fill="#fd003a" />
<path d="M356.55 265.75h18.281v18.281H356.55z" fill="#fe9923" />
<path d="M319.98 302.31h18.281v18.281H319.98z" fill="#1689fc" />
<linearGradient
id="f"
x1="125.5"
x2="403.38"
y1="175.125"
y2="175.125"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#3c3a41" />
<stop offset="1" stop-color="#000" />
</linearGradient>
<path
d="M228.578 357.156c-10.078 0-18.281-8.203-18.281-18.281s8.203-18.281 18.281-18.281 18.281 8.203 18.281 18.281-8.203 18.281-18.281 18.281z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="125.5"
x2="403.38"
y1="175.125"
y2="175.125"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#3c3a41" />
<stop offset="1" stop-color="#000" />
</linearGradient>
<path
d="M283.422 357.156c-10.078 0-18.281-8.203-18.281-18.281s8.203-18.281 18.281-18.281 18.281 8.203 18.281 18.281-8.203 18.281-18.281 18.281z"
fill="url(#g)"
/>
<linearGradient
id="h"
x1="125.5"
x2="403.38"
y1="266.529"
y2="266.529"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#3c3a41" />
<stop offset="1" stop-color="#000" />
</linearGradient>
<path d="M173.73 229.19h18.281v36.563H173.73z" fill="url(#h)" />
<linearGradient
id="i"
x1="125.5"
x2="403.38"
y1="211.689"
y2="211.689"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#3c3a41" />
<stop offset="1" stop-color="#000" />
</linearGradient>
<path d="M173.73 284.03h18.281v36.563H173.73z" fill="url(#i)" />
<linearGradient
id="j"
x1="125.5"
x2="403.38"
y1="239.109"
y2="239.109"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#3c3a41" />
<stop offset="1" stop-color="#000" />
</linearGradient>
<path d="M137.17 265.75h36.563v18.281H137.17z" fill="url(#j)" />
<linearGradient
id="k"
x1="125.5"
x2="403.38"
y1="239.109"
y2="239.109"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#3c3a41" />
<stop offset="1" stop-color="#000" />
</linearGradient>
<path d="M192.02 265.75h36.563v18.281H192.02z" fill="url(#k)" />
</svg>
More icons in the same style and category