Add icons to this collection by clicking the heart icon.
Controller icon - also known as technology, game, videogame, controller, toy, electronics, gaming, remote control, and drone. 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="512"
height="512"
viewBox="0 0 64 64"
>
<linearGradient
id="a"
x1="32"
x2="32"
y1="63.556"
y2=".635"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".35" stop-color="#ed683c" />
<stop offset=".7" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<linearGradient id="b" x1="12" x2="12" y1="63.556" y2=".635" href="#a" />
<linearGradient id="c" x1="52" x2="52" y1="63.556" y2=".635" href="#a" />
<linearGradient id="d" x1="26" x2="26" y1="63.556" y2=".635" href="#a" />
<linearGradient id="e" x1="38" x2="38" y1="63.556" y2=".635" href="#a" />
<linearGradient id="f" x1="7" x2="7" y1="63.556" y2=".635" href="#a" />
<linearGradient id="g" x1="57" x2="57" y1="63.556" y2=".635" href="#a" />
<path
fill="url(#a)"
d="M57 2H7a5.006 5.006 0 0 0-5 5v22a5.006 5.006 0 0 0 5 5h10v25a3 3 0 0 0 3 3h24a3 3 0 0 0 3-3V34h10a5.006 5.006 0 0 0 5-5V7a5.006 5.006 0 0 0-5-5zm3 27a3 3 0 0 1-3 3H46a1 1 0 0 0-1 1v26a1 1 0 0 1-1 1H20a1 1 0 0 1-1-1V33a1 1 0 0 0-1-1H7a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3h50a3 3 0 0 1 3 3z"
/>
<path
fill="url(#b)"
d="M12 6a6 6 0 1 0 6 6 6.006 6.006 0 0 0-6-6zm0 10a4 4 0 1 1 4-4 4 4 0 0 1-4 4z"
/>
<path
fill="url(#c)"
d="M52 6a6 6 0 1 0 6 6 6.006 6.006 0 0 0-6-6zm0 10a4 4 0 1 1 4-4 4 4 0 0 1-4 4z"
/>
<path
fill="url(#d)"
d="M23.293 23.707A1 1 0 0 0 24 24h1v4h2v-4h1a1 1 0 0 0 .707-.293l1-1A1 1 0 0 0 30 22v-2a1 1 0 0 0-.293-.707l-1-1A1 1 0 0 0 28 18h-1V8h-2v10h-1a1 1 0 0 0-.707.293l-1 1A1 1 0 0 0 22 20v2a1 1 0 0 0 .293.707zM24 20.414l.414-.414h3.172l.414.414v1.172l-.414.414h-3.172L24 21.586z"
/>
<path
fill="url(#e)"
d="M35.293 18.707A1 1 0 0 0 36 19h1v9h2v-9h1a1 1 0 0 0 .707-.293l1-1A1 1 0 0 0 42 17v-2a1 1 0 0 0-.293-.707l-1-1A1 1 0 0 0 40 13h-1V8h-2v5h-1a1 1 0 0 0-.707.293l-1 1A1 1 0 0 0 34 15v2a1 1 0 0 0 .293.707zM36 15.414l.414-.414h3.172l.414.414v1.172l-.414.414h-3.172L36 16.586zM41.707 37.293A1 1 0 0 0 41 37h-2v-4h-2v4h-2a1 1 0 0 0-.707.293l-1 1A1 1 0 0 0 33 39v2a1 1 0 0 0 .293.707l1 1A1 1 0 0 0 35 43h2v7.184a3 3 0 1 0 2 0V43h2a1 1 0 0 0 .707-.293l1-1A1 1 0 0 0 43 41v-2a1 1 0 0 0-.293-.707zM38 54a1 1 0 1 1 1-1 1 1 0 0 1-1 1zm3-13.414-.414.414h-5.172L35 40.586v-1.172l.414-.414h5.172l.414.414z"
/>
<path
fill="url(#d)"
d="M29.707 41.293A1 1 0 0 0 29 41h-2v-8h-2v8h-2a1 1 0 0 0-.707.293l-1 1A1 1 0 0 0 21 43v2a1 1 0 0 0 .293.707l1 1A1 1 0 0 0 23 47h2v3.184a3 3 0 1 0 2 0V47h2a1 1 0 0 0 .707-.293l1-1A1 1 0 0 0 31 45v-2a1 1 0 0 0-.293-.707zM26 54a1 1 0 1 1 1-1 1 1 0 0 1-1 1zm3-9.414-.414.414h-5.172L23 44.586v-1.172l.414-.414h5.172l.414.414z"
/>
<path fill="url(#f)" d="M6 28h2v2H6z" />
<path fill="url(#g)" d="M56 28h2v2h-2z" />
<path
fill="url(#c)"
d="M52 9a3 3 0 1 0 3 3 3 3 0 0 0-3-3zm0 4a1 1 0 1 1 1-1 1 1 0 0 1-1 1z"
/>
<path
fill="url(#b)"
d="M12 9a3 3 0 1 0 3 3 3 3 0 0 0-3-3zm0 4a1 1 0 1 1 1-1 1 1 0 0 1-1 1z"
/>
</svg>
More icons in the same style and category