Add icons to this collection by clicking the heart icon.
Controllers icon - also known as interface, play, game, joypad, design, ui, controllers, gaming, and versus. Created in a clean blue 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 60 60"
>
<path
fill="#e8edfc"
d="m41.561 22.205-.877-3.154A3 3 0 0 0 37.838 17H22.162a3 3 0 0 0-2.846 2.051l-.877 3.154a4.086 4.086 0 0 1-5.576 2.423 4.084 4.084 0 0 1-2.341-4.312l1.9-13.346A7.006 7.006 0 0 1 19.349 1h21.3a7.006 7.006 0 0 1 6.931 5.97l1.9 13.346a4.084 4.084 0 0 1-2.341 4.312 4.086 4.086 0 0 1-5.578-2.423z"
/>
<path
fill="#cad9fc"
d="M49.478 20.316 47.582 6.97A7.006 7.006 0 0 0 40.651 1h-3a7.006 7.006 0 0 1 6.931 5.97l1.9 13.346a4.084 4.084 0 0 1-2.341 4.312c-.069.031-.14.042-.21.07a4.073 4.073 0 0 0 5.551-4.382z"
/>
<path fill="#a4c2f7" d="M35 1v2a2 2 0 0 1-2 2h-6a2 2 0 0 1-2-2V1z" />
<path
fill="#c6d8fb"
d="m41.561 56.205-.877-3.154A3 3 0 0 0 37.838 51H22.162a3 3 0 0 0-2.846 2.051l-.877 3.154a4.086 4.086 0 0 1-5.576 2.423 4.084 4.084 0 0 1-2.341-4.312l1.9-13.346A7.006 7.006 0 0 1 19.349 35h21.3a7.006 7.006 0 0 1 6.931 5.97l1.9 13.346a4.084 4.084 0 0 1-2.341 4.312 4.086 4.086 0 0 1-5.578-2.423z"
/>
<path
fill="#a4c3fd"
d="m49.478 54.316-1.9-13.346A7.006 7.006 0 0 0 40.651 35h-3a7.006 7.006 0 0 1 6.931 5.97l1.9 13.346a4.084 4.084 0 0 1-2.341 4.312c-.069.031-.14.042-.21.07a4.073 4.073 0 0 0 5.551-4.382z"
/>
<path fill="#a4c2f7" d="M35 35v2a2 2 0 0 1-2 2h-6a2 2 0 0 1-2-2v-2z" />
<g fill="#fff">
<path
d="M12.863 24.628a4.059 4.059 0 0 0 3.21.07c-.07-.028-.141-.039-.21-.07a4.084 4.084 0 0 1-2.341-4.312l1.9-13.346A7.006 7.006 0 0 1 22.349 1h-3a7.006 7.006 0 0 0-6.931 5.97l-1.9 13.346a4.084 4.084 0 0 0 2.345 4.312zM12.863 58.628a4.059 4.059 0 0 0 3.21.07c-.07-.028-.141-.039-.21-.07a4.084 4.084 0 0 1-2.341-4.312l1.9-13.346A7.006 7.006 0 0 1 22.349 35h-3a7.006 7.006 0 0 0-6.931 5.97l-1.9 13.346a4.084 4.084 0 0 0 2.345 4.312z"
/>
</g>
<g>
<path fill="#fff" d="m9.53 54.19 1.128-7.92 1.98.283-1.128 7.92z" />
<g fill="#428dff">
<path
d="M17 10h2v2a1 1 0 0 0 2 0v-2h2a1 1 0 0 0 0-2h-2V6a1 1 0 0 0-2 0v2h-2a1 1 0 0 0 0 2z"
/>
<path
d="M12.447 25.537a5.083 5.083 0 0 0 6.953-3.064l.863-3.106A2 2 0 0 1 22.162 18h15.676a1.984 1.984 0 0 1 1.882 1.319l.878 3.154.015.048a5.085 5.085 0 0 0 9.855-2.346l-1.9-13.352A8.052 8.052 0 0 0 40.651 0h-21.3a8.054 8.054 0 0 0-7.921 6.829l-1.9 13.34a5.109 5.109 0 0 0 2.917 5.368zM26 2h8v1a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1zM11.512 20.457l1.895-13.34A6.041 6.041 0 0 1 19.349 2H24v1a3 3 0 0 0 3 3h6a3 3 0 0 0 3-3V2h4.651a6.039 6.039 0 0 1 5.941 5.11l1.9 13.352a3.1 3.1 0 0 1-1.768 3.257 3.085 3.085 0 0 1-4.2-1.808l-.886-3.176a3.994 3.994 0 0 0-3.8-2.735H22.162a4.008 4.008 0 0 0-3.809 2.783l-.863 3.106a3.085 3.085 0 0 1-4.211 1.83 3.1 3.1 0 0 1-1.767-3.262z"
/>
<path
d="M26 14h1a1 1 0 0 0 0-2h-1a1 1 0 0 0 0 2zM33 14h1a1 1 0 0 0 0-2h-1a1 1 0 0 0 0 2z"
/>
<circle cx="40" cy="6" r="1" />
<circle cx="37" cy="9" r="1" />
<circle cx="40" cy="12" r="1" />
<circle cx="43" cy="9" r="1" />
<path
d="M20 39a1 1 0 0 0-1 1v2h-2a1 1 0 0 0 0 2h2v2a1 1 0 0 0 2 0v-2h2a1 1 0 0 0 0-2h-2v-2a1 1 0 0 0-1-1zM11.1 51.355a1 1 0 0 1-.01-2h.01a1 1 0 0 1 0 2z"
/>
<path
d="M9.533 54.169a5.084 5.084 0 0 0 9.869 2.3l.863-3.106A2 2 0 0 1 22.162 52h15.676a1.984 1.984 0 0 1 1.882 1.319l.893 3.2a5.085 5.085 0 0 0 9.855-2.346l-1.9-13.352A8.052 8.052 0 0 0 40.651 34h-21.3a8.052 8.052 0 0 0-7.92 6.823v.006l-.771 5.426a1 1 0 0 0 .85 1.13 1 1 0 0 0 1.13-.849l.771-5.421A6.04 6.04 0 0 1 19.349 36H24v1a3 3 0 0 0 3 3h6a3 3 0 0 0 3-3v-1h4.651a6.039 6.039 0 0 1 5.941 5.11l1.9 13.352a3.1 3.1 0 0 1-1.768 3.257 3.087 3.087 0 0 1-4.2-1.782l-.893-3.2A3.994 3.994 0 0 0 37.838 50H22.162a4.008 4.008 0 0 0-3.809 2.783l-.863 3.106a3.085 3.085 0 0 1-4.211 1.83 3.1 3.1 0 0 1-1.768-3.257 1 1 0 0 0-1.978-.293zM34 37a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1v-1h8z"
/>
<path
d="M27 48a1 1 0 0 0 0-2h-1a1 1 0 0 0 0 2zM34 48a1 1 0 0 0 0-2h-1a1 1 0 0 0 0 2z"
/>
<circle cx="40" cy="40" r="1" />
<circle cx="37" cy="43" r="1" />
<circle cx="40" cy="46" r="1" />
<circle cx="43" cy="43" r="1" />
<path
d="M26 31a1 1 0 0 0 .937-.649l3-8a1 1 0 0 0-1.874-.7L26 27.152l-2.063-5.5a1 1 0 1 0-1.874.7l3 8A1 1 0 0 0 26 31zM34 23a1.006 1.006 0 0 1 .869.5 1 1 0 0 0 1.734-1A3 3 0 1 0 34 27a1 1 0 1 1-.869 1.5 1 1 0 1 0-1.734 1A3 3 0 1 0 34 25a1 1 0 0 1 0-2zM21 31a1 1 0 0 0 0-2h-1a1 1 0 0 0 0 2zM6 30a1 1 0 0 0 1 1h9a1 1 0 0 0 0-2H7a1 1 0 0 0-1 1zM40 31a1 1 0 0 0 0-2h-1a1 1 0 0 0 0 2zM54 30a1 1 0 0 0-1-1h-9a1 1 0 0 0 0 2h9a1 1 0 0 0 1-1z"
/>
</g>
</g>
</svg>
More icons in the same style and category