Add icons to this collection by clicking the heart icon.
Controller icon - also known as technology, electronic, joystick, controller, video game, gamepad, game controller, multimedia, gaming, and gamer. Created in a clean gradient 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="640"
height="640"
viewBox="0 -40 480 480"
>
<linearGradient id="a">
<stop offset="0" stop-color="#00a2cc" />
<stop offset="1" stop-color="#2b32b2" />
</linearGradient>
<linearGradient
id="b"
x1="8"
x2="464.072"
y1="200"
y2="200"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="8"
x2="464.072"
y1="232"
y2="232"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="8"
x2="464.072"
y1="292"
y2="292"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="8"
x2="464.072"
y1="288"
y2="288"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="8"
x2="464.072"
y1="248"
y2="248"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="8"
x2="464.072"
y1="328"
y2="328"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M101.832 399.703c.707.2 1.434.297 2.168.297h86.871a39.954 39.954 0 0 0 33.29-17.816L240 358.398l15.84 23.762A39.95 39.95 0 0 0 289.129 400H372c59.621-.066 107.934-48.379 108-108 0-62.625-46.305-113.695-104-116v-8.2c0-13.253-10.746-24-24-24h-32c-13.254 0-24 10.747-24 24v8h-32V24c0-13.254-10.746-24-24-24s-24 10.746-24 24v151.8h-32v-8c0-13.253-10.746-24-24-24h-32c-13.254 0-24 10.747-24 24v8a7.309 7.309 0 0 0-2.113.298C43.68 179.359 0 228.863 0 292c-.133 57.281 44.633 104.629 101.832 107.703zM312 167.801a8 8 0 0 1 8-8h32a8 8 0 0 1 8 8v8h-48zM232 24a8 8 0 0 1 16 0v151.8h-16zM120 167.8a8 8 0 0 1 8-8h32a8 8 0 0 1 8 8v8h-48zM104.32 192c.496 0 263.297.04 264 0 0 0 3.032-.191 3.672-.191 50.727 0 92 44.945 92 100.199-.062 50.781-41.21 91.93-91.992 91.992h-82.871c-8.035.012-15.543-4-20-10.688l-22.504-33.753a8.312 8.312 0 0 0-13.312 0l-22.504 33.753A24 24 0 0 1 190.87 384h-85.07a7.533 7.533 0 0 0-1.48-.191C54.952 382 15.894 341.402 16 292c0-55.016 37.969-98.008 88.32-100zm0 0"
/>
<path
fill="url(#c)"
d="M224 256h32a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8zm8-32h16v16h-16zm0 0"
/>
<path
fill="url(#d)"
d="M224 312a8 8 0 0 0 8-8v-24a8 8 0 0 0-16 0v24a8 8 0 0 0 8 8zM256 272a8 8 0 0 0-8 8v24a8 8 0 0 0 16 0v-24a8 8 0 0 0-8-8zm0 0"
/>
<path
fill="url(#e)"
d="M120 368c44.184 0 80-35.816 80-80s-35.816-80-80-80-80 35.816-80 80c.047 44.164 35.836 79.953 80 80zm0-144c35.348 0 64 28.652 64 64s-28.652 64-64 64-64-28.652-64-64c.04-35.328 28.672-63.96 64-64zm0 0"
/>
<path
fill="url(#f)"
d="M312 280h80c17.672 0 32-14.328 32-32s-14.328-32-32-32h-80c-17.672 0-32 14.328-32 32s14.328 32 32 32zm96-32c0 8.836-7.164 16-16 16h-52.45a30.988 30.988 0 0 0 0-32H392c8.836 0 16 7.164 16 16zm-96-16c8.836 0 16 7.164 16 16s-7.164 16-16 16-16-7.164-16-16 7.164-16 16-16zm0 0"
/>
<path
fill="url(#g)"
d="M312 360h80c17.672 0 32-14.328 32-32s-14.328-32-32-32h-80c-17.672 0-32 14.328-32 32s14.328 32 32 32zm32-32c0-8.836 7.164-16 16-16s16 7.164 16 16-7.164 16-16 16-16-7.164-16-16zm64 0c0 8.836-7.164 16-16 16h-4.45a30.988 30.988 0 0 0 0-32H392c8.836 0 16 7.164 16 16zm-96-16h20.45a30.988 30.988 0 0 0 0 32H312c-8.836 0-16-7.164-16-16s7.164-16 16-16zm0 0"
/>
<path
fill="url(#e)"
d="M112 296v32a8 8 0 0 0 16 0v-32h32a8 8 0 0 0 0-16h-32v-32a8 8 0 0 0-16 0v32H80a8 8 0 0 0 0 16zm0 0"
/>
</svg>
More icons in the same style and category