Add icons to this collection by clicking the heart icon.
Gamepad icon - also known as signs, triangle, square, circle, buttons, gamepad, gaming, and symbols. Created in a clean lineal color style with a silver, gray, navy, and pink 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 469.333 469.333"
>
<circle cx="85.333" cy="234.667" r="85.333" fill="#303c42" />
<circle cx="85.333" cy="234.667" r="64" fill="#454f55" />
<circle cx="234.667" cy="85.333" r="85.333" fill="#303c42" />
<circle cx="234.667" cy="85.333" r="64" fill="#454f55" />
<circle cx="234.667" cy="384" r="85.333" fill="#303c42" />
<circle cx="234.667" cy="384" r="64" fill="#454f55" />
<circle cx="384" cy="234.667" r="85.333" fill="#303c42" />
<circle cx="384" cy="234.667" r="64" fill="#454f55" />
<path
d="M117.333 192h-64a10.66 10.66 0 0 0-10.667 10.667v64a10.66 10.66 0 0 0 10.667 10.667h64A10.66 10.66 0 0 0 128 266.667v-64A10.66 10.66 0 0 0 117.333 192z"
fill="#ce93d8"
/>
<path d="M64 213.333h42.667V256H64z" fill="#454f55" />
<path
d="M202.667 117.333h64c3.698 0 7.125-1.917 9.073-5.063s2.125-7.073.469-10.375l-32-64c-3.625-7.229-15.458-7.229-19.083 0l-32 64a10.643 10.643 0 0 0 .469 10.375 10.666 10.666 0 0 0 9.072 5.063z"
fill="#c8e6c9"
/>
<path d="M234.667 66.521 249.406 96h-29.479z" fill="#454f55" />
<circle cx="384" cy="234.667" r="42.667" fill="#ffcdd2" />
<circle cx="384" cy="234.667" r="21.333" fill="#454f55" />
<path
d="M274.208 344.458c-4.167-4.167-10.917-4.167-15.083 0l-24.458 24.458-24.458-24.458c-4.167-4.167-10.917-4.167-15.083 0-4.167 4.167-4.167 10.917 0 15.083L219.583 384l-24.458 24.458c-4.167 4.167-4.167 10.917 0 15.083 2.083 2.083 4.813 3.125 7.542 3.125s5.458-1.042 7.542-3.125l24.458-24.458 24.458 24.458a10.634 10.634 0 0 0 7.542 3.125c2.729 0 5.458-1.042 7.542-3.125 4.167-4.167 4.167-10.917 0-15.083L249.75 384l24.458-24.458c4.167-4.167 4.167-10.917 0-15.084z"
fill="#b2ebf2"
/>
<linearGradient
id="a"
x1="-57.059"
x2="-54.055"
y1="620.905"
y2="617.902"
gradientTransform="matrix(21.3333 0 0 -21.3333 1430.111 13315.223)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#000" stop-opacity=".1" />
<stop offset="1" stop-color="#000" stop-opacity="0" />
</linearGradient>
<path
d="m244.208 37.896 32 64c1.656 3.302 1.479 7.229-.469 10.375s-5.375 5.063-9.073 5.063h-64a10.67 10.67 0 0 1-9.073-5.063l36.612 36.612c1.501.105 2.934.451 4.461.451 33.108 0 60.103-25.359 63.355-57.624l-53.813-53.814z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-63.026"
x2="-60.919"
y1="613.131"
y2="611.032"
gradientTransform="matrix(21.3333 0 0 -21.3333 1430.111 13315.223)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#000" stop-opacity=".1" />
<stop offset="1" stop-color="#000" stop-opacity="0" />
</linearGradient>
<path
d="m146.635 217.294-20.9-20.898c1.329 1.779 2.264 3.876 2.264 6.271v64a10.66 10.66 0 0 1-10.667 10.667h-64c-2.814 0-5.332-1.138-7.237-2.915l21.408 21.408c5.697 1.667 11.6 2.841 17.829 2.841 35.292 0 64-28.708 64-64 .001-6.063-1.115-11.814-2.697-17.374z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-64.901"
x2="-64.9"
y1="611.314"
y2="611.312"
gradientTransform="matrix(21.3333 0 0 -21.3333 1430.111 13315.223)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#000" stop-opacity=".1" />
<stop offset="1" stop-color="#000" stop-opacity="0" />
</linearGradient>
<path d="m45.543 273.846-.009.009.048.049z" fill="url(#c)" />
<linearGradient
id="d"
x1="-56.036"
x2="-53.916"
y1="606.151"
y2="604.031"
gradientTransform="matrix(21.3333 0 0 -21.3333 1430.111 13315.223)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#000" stop-opacity=".1" />
<stop offset="1" stop-color="#000" stop-opacity="0" />
</linearGradient>
<path
d="m295.784 366.034-21.576-21.576c4.167 4.167 4.167 10.917 0 15.083L249.75 384l24.458 24.458c4.167 4.167 4.167 10.917 0 15.083a10.634 10.634 0 0 1-7.542 3.125 10.636 10.636 0 0 1-7.542-3.125l-24.458-24.458-24.458 24.458c-2.083 2.083-4.813 3.125-7.542 3.125s-5.458-1.042-7.542-3.125l21.574 21.574c5.738 1.693 11.688 2.884 17.967 2.884 35.292 0 64-28.708 64-64 .002-6.279-1.188-12.227-2.881-17.965z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-49.005"
x2="-46.915"
y1="613.122"
y2="611.042"
gradientTransform="matrix(21.3333 0 0 -21.3333 1430.111 13315.223)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#000" stop-opacity=".1" />
<stop offset="1" stop-color="#000" stop-opacity="0" />
</linearGradient>
<path
d="m414.794 205.197-.04.035c7.339 7.667 11.913 18.007 11.913 29.435 0 23.531-19.135 42.667-42.667 42.667-10.922 0-20.792-4.242-28.345-11.013l31.979 31.979c32.427-1.862 58.285-27.78 60.023-60.24l-32.863-32.863z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="-65.411"
x2="-46.662"
y1="617.523"
y2="608.779"
gradientTransform="matrix(21.3333 0 0 -21.3333 1430.111 13315.223)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity=".2" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</linearGradient>
<path
d="M85.333 149.333C38.281 149.333 0 187.615 0 234.667S38.281 320 85.333 320s85.333-38.281 85.333-85.333-38.281-85.334-85.333-85.334zm149.334 21.334c47.052 0 85.333-38.281 85.333-85.333S281.719 0 234.667 0s-85.333 38.281-85.333 85.333 38.281 85.334 85.333 85.334zm0 128c-47.052 0-85.333 38.281-85.333 85.333s38.281 85.333 85.333 85.333S320 431.052 320 384s-38.281-85.333-85.333-85.333zM384 149.333c-47.052 0-85.333 38.281-85.333 85.333S336.948 320 384 320s85.333-38.281 85.333-85.333-38.281-85.334-85.333-85.334z"
fill="url(#f)"
/>
</svg>
More icons in the same style and category