Add icons to this collection by clicking the heart icon.
Controller icon - also known as machine, controller, control, industrial, electricity, lever, industry, factory, electronics, and control lever. Created in a clean blue style with a white, silver, gray, blue, and navy 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="512"
height="512"
viewBox="0 0 64 64"
>
<rect width="34" height="50" x="15" y="9" fill="#96a1c3" rx="4" />
<path
fill="#647499"
d="M45 56H19a4 4 0 0 1-4-4v3a4 4 0 0 0 4 4h26a4 4 0 0 0 4-4v-3a4 4 0 0 1-4 4z"
/>
<path fill="#ccd3eb" d="M19 13h26v42H19z" />
<path fill="#96a1c3" d="M19 52h26v3H19z" />
<circle cx="32" cy="24" r="6" fill="#f5f7ff" />
<path
fill="#0074ff"
d="M36 42h-8a1 1 0 0 1-.78-1.62l4-5a1 1 0 0 1 1.56 0l4 5A1 1 0 0 1 36 42zM36.78 45.62l-4 5a1 1 0 0 1-1.56 0l-4-5A1 1 0 0 1 28 44h8a1 1 0 0 1 .78 1.62z"
/>
<path
fill="#647499"
d="M40 35a1 1 0 1 1 1-1 1 1 0 0 1-1 1zM24 35a1 1 0 1 1 1-1 1 1 0 0 1-1 1z"
/>
<path
fill="#0074ff"
d="M32 27a1 1 0 0 1-1-1v-4a1 1 0 0 1 2 0v4a1 1 0 0 1-1 1z"
/>
<path fill="#ccd3eb" d="M29 1h6v4h-6zM29 59h6v4h-6z" />
<path fill="#0074ff" d="M38 9H26V7a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2z" />
<rect width="12" height="14" x="43" y="18" fill="#0074ff" rx="2" />
<path
fill="#f5f7ff"
d="M49 29a1 1 0 0 1-1-1.32l.61-1.68H48a1 1 0 0 1-1-1.32l1-3a1 1 0 0 1 1.9.64L49.39 24c.66 0 1.08-.06 1.42.42a1 1 0 0 1 .14.9l-1 3A1 1 0 0 1 49 29z"
/>
<path
fill="#033c59"
d="M19 25a1 1 0 0 0 1-1v-2a1 1 0 0 0-2 0v2a1 1 0 0 0 1 1zM39 24a7 7 0 1 0-7 7 7 7 0 0 0 7-7zm-12 0a5 5 0 1 1 5 5 5 5 0 0 1-5-5z"
/>
<path
fill="#033c59"
d="M53 17h-3v-4a5 5 0 0 0-5-5V5a1 1 0 0 0-2 0v3h-4V7a3 3 0 0 0-3-3V1a1 1 0 0 0-1-1h-6a1 1 0 0 0-1 1v3a3 3 0 0 0-3 3v1h-4V5a1 1 0 0 0-2 0v3a5 5 0 0 0-5 5v42a5 5 0 0 0 5 5h9v3a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-3h9a5 5 0 0 0 5-5V36a1 1 0 0 0-2 0v19a3 3 0 0 1-3 3H19a3 3 0 0 1-3-3V13a3 3 0 0 1 3-3h26a3 3 0 0 1 3 3v4h-2v-4a1 1 0 0 0-1-1H19a1 1 0 0 0-1 1v5a1 1 0 0 0 2 0v-4h24v3.18A3 3 0 0 0 42 20v10a3 3 0 0 0 2 2.81V54H20V28a1 1 0 0 0-2 0v27a1 1 0 0 0 1 1h26a1 1 0 0 0 1-1V33h7a3 3 0 0 0 3-3V20a3 3 0 0 0-3-3zM34 60v2h-4v-2zM30 2h4v2h-4zm-3 6V7a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v1zm27 22a1 1 0 0 1-1 1h-8a1 1 0 0 1-1-1V20a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1z"
/>
<g fill="#0074ff">
<path
d="M55 44c-.54 0-.57-.15-2.71-2.29a1 1 0 0 1 1.42-1.42l1.29 1.3 1.29-1.3a1 1 0 0 1 1.42 1.42C55.53 43.89 55.54 44 55 44zM11 19c-.55 0-.69-.27-2-1.59l-1.29 1.3a1 1 0 0 1-1.42-1.42l2-2a1 1 0 0 1 1.42 0l2 2A1 1 0 0 1 11 19zM11 31H9a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2zM11 35H9a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2z"
/>
</g>
</svg>
More icons in the same style and category