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, 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 511.993 511.993"
>
    <linearGradient
        id="a"
        x1="69.654"
        x2="416.136"
        y1="448.212"
        y2="101.73"
        gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ff597a" />
        <stop offset="1" stop-color="#bd0019" />
    </linearGradient>
    <circle cx="255.996" cy="255.996" r="255.996" fill="url(#a)" />
    <linearGradient
        id="b"
        x1="59.895"
        x2="415.895"
        y1="274.968"
        y2="274.968"
        gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#e1e1e3" />
        <stop offset=".263" stop-color="#dcdcdf" />
        <stop offset=".562" stop-color="#cfcfd2" />
        <stop offset=".878" stop-color="#b9b8bd" />
        <stop offset="1" stop-color="#aeadb3" />
    </linearGradient>
    <path
        d="M479.905 212.123v-.002c0-57.151-44.801-103.834-101.199-106.855v-.159H133.293v.159c-56.398 3.02-101.199 49.704-101.199 106.855 0 5.756.46 11.404 1.335 16.914 4.673 47.358 24.345 177.858 99.264 177.858 56.102 0 86.042-73.177 100.817-129.825h44.981c14.774 56.647 44.715 129.825 100.817 129.825 74.919 0 94.591-130.502 99.264-177.859a107.86 107.86 0 0 0 1.333-16.911z"
        fill="url(#b)"
    />
    <linearGradient
        id="c"
        x1="59.895"
        x2="415.895"
        y1="316.961"
        y2="316.961"
        gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#78777f" />
        <stop offset="1" stop-color="#57555c" />
    </linearGradient>
    <circle cx="139.105" cy="212.122" r="107.017" fill="url(#c)" />
    <linearGradient
        id="d"
        x1="59.895"
        x2="415.895"
        y1="316.961"
        y2="316.961"
        gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#fff" />
        <stop offset="1" stop-color="#c8c6cc" />
    </linearGradient>
    <circle cx="372.887" cy="212.122" r="107.017" fill="url(#d)" />
    <linearGradient
        id="e"
        x1="59.895"
        x2="415.895"
        y1="316.961"
        y2="316.961"
        gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#57565c" />
        <stop offset="1" stop-color="#000" />
    </linearGradient>
    <path
        d="M188.384 194.266h-31.421v-31.421h-35.711v31.421h-31.42v35.711h31.42v31.42h35.711v-31.42h31.421z"
        fill="url(#e)"
    />
    <linearGradient
        id="f"
        x1="59.895"
        x2="415.895"
        y1="316.961"
        y2="316.961"
        gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ffc06b" />
        <stop offset="1" stop-color="#e66900" />
    </linearGradient>
    <circle cx="410.002" cy="212.122" r="17.983" fill="url(#f)" />
    <linearGradient
        id="g"
        x1="59.895"
        x2="415.895"
        y1="316.961"
        y2="316.961"
        gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ffc06b" />
        <stop offset="1" stop-color="#e66900" />
    </linearGradient>
    <circle cx="335.784" cy="212.122" r="17.983" fill="url(#g)" />
    <linearGradient
        id="h"
        x1="59.895"
        x2="415.895"
        y1="281.451"
        y2="281.451"
        gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#2499ff" />
        <stop offset="1" stop-color="#004db1" />
    </linearGradient>
    <circle cx="372.887" cy="249.225" r="17.983" fill="url(#h)" />
    <linearGradient
        id="i"
        x1="59.895"
        x2="415.895"
        y1="352.471"
        y2="352.471"
        gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#2499ff" />
        <stop offset="1" stop-color="#004db1" />
    </linearGradient>
    <circle cx="372.887" cy="175.018" r="17.983" fill="url(#i)" />
</svg>
More icons in the same style and category