Add icons to this collection by clicking the heart icon.
Controller icon - also known as arrows, controller, direction, orientation, directional, and multimedia option. Created in a clean flat style with a white 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="100"
height="100"
viewBox="0 0 512 512"
>
<path
d="M123.63 436.966H17.611C7.883 436.966 0 429.082 0 419.354V295.68c0-9.728 7.883-17.611 17.611-17.611h106.01c9.737 0 17.62 7.883 17.62 17.611v123.666c0 9.736-7.883 17.62-17.611 17.62zM494.389 436.966H388.37c-9.728 0-17.611-7.883-17.611-17.611V295.68c0-9.728 7.883-17.611 17.611-17.611h106.01c9.737 0 17.62 7.883 17.62 17.611v123.666c0 9.736-7.883 17.62-17.611 17.62zM309.01 436.966H202.99c-9.728 0-17.611-7.883-17.611-17.611V295.68c0-9.728 7.883-17.611 17.611-17.611H309c9.737 0 17.62 7.883 17.62 17.611v123.666c.001 9.736-7.882 17.62-17.61 17.62z"
fill="#e7eced"
/>
<path
d="M105.931 366.345H35.31c-4.873 0-8.828-3.955-8.828-8.828s3.955-8.828 8.828-8.828h70.621c4.873 0 8.828 3.955 8.828 8.828s-3.955 8.828-8.828 8.828z"
fill="#28384c"
/>
<path
d="M35.31 366.345c-2.26 0-4.52-.865-6.241-2.586a8.817 8.817 0 0 1 0-12.482l26.483-26.483a8.817 8.817 0 0 1 12.482 0 8.817 8.817 0 0 1 0 12.482l-26.483 26.483a8.803 8.803 0 0 1-6.241 2.586z"
fill="#28384c"
/>
<path
d="M61.793 392.828c-2.26 0-4.52-.865-6.241-2.586l-26.483-26.483a8.817 8.817 0 0 1 0-12.482 8.817 8.817 0 0 1 12.482 0l26.483 26.483a8.817 8.817 0 0 1 0 12.482 8.808 8.808 0 0 1-6.241 2.586zM476.69 366.345h-70.621c-4.873 0-8.828-3.955-8.828-8.828s3.955-8.828 8.828-8.828h70.621c4.873 0 8.828 3.955 8.828 8.828s-3.956 8.828-8.828 8.828z"
fill="#28384c"
/>
<path
d="M450.207 392.828c-2.26 0-4.52-.865-6.241-2.586a8.817 8.817 0 0 1 0-12.482l26.483-26.483a8.817 8.817 0 0 1 12.482 0 8.817 8.817 0 0 1 0 12.482l-26.483 26.483a8.808 8.808 0 0 1-6.241 2.586z"
fill="#28384c"
/>
<path
d="M476.69 366.345c-2.26 0-4.52-.865-6.241-2.586l-26.483-26.483c-3.452-3.452-3.452-9.031 0-12.482s9.031-3.452 12.482 0l26.483 26.483a8.817 8.817 0 0 1 0 12.482 8.805 8.805 0 0 1-6.241 2.586zM256 401.655c-4.873 0-8.828-3.955-8.828-8.828v-70.621c0-4.873 3.955-8.828 8.828-8.828s8.828 3.955 8.828 8.828v70.621c0 4.873-3.955 8.828-8.828 8.828z"
fill="#28384c"
/>
<path
d="M256 401.655c-2.26 0-4.52-.865-6.241-2.586l-26.483-26.483a8.817 8.817 0 0 1 0-12.482 8.817 8.817 0 0 1 12.482 0l26.483 26.483a8.817 8.817 0 0 1 0 12.482 8.803 8.803 0 0 1-6.241 2.586z"
fill="#28384c"
/>
<path
d="M256 401.655c-2.26 0-4.52-.865-6.241-2.586a8.817 8.817 0 0 1 0-12.482l26.483-26.483a8.817 8.817 0 0 1 12.482 0 8.817 8.817 0 0 1 0 12.482l-26.483 26.483a8.803 8.803 0 0 1-6.241 2.586z"
fill="#28384c"
/>
<path
d="M309.01 233.931H202.99c-9.728 0-17.611-7.883-17.611-17.611V92.646c0-9.728 7.883-17.611 17.611-17.611H309c9.737 0 17.62 7.883 17.62 17.611v123.666c.001 9.736-7.882 17.619-17.61 17.619z"
fill="#e7eced"
/>
<path
d="M256 198.621c-4.873 0-8.828-3.955-8.828-8.828v-70.621c0-4.873 3.955-8.828 8.828-8.828s8.828 3.955 8.828 8.828v70.621c0 4.873-3.955 8.828-8.828 8.828z"
fill="#28384c"
/>
<path
d="M282.483 154.483c-2.26 0-4.52-.865-6.241-2.586l-26.483-26.483a8.817 8.817 0 0 1 0-12.482 8.817 8.817 0 0 1 12.482 0l26.483 26.483a8.817 8.817 0 0 1 0 12.482 8.803 8.803 0 0 1-6.241 2.586z"
fill="#28384c"
/>
<path
d="M229.517 154.483c-2.26 0-4.52-.865-6.241-2.586a8.817 8.817 0 0 1 0-12.482l26.483-26.483a8.817 8.817 0 0 1 12.482 0 8.817 8.817 0 0 1 0 12.482l-26.483 26.483a8.803 8.803 0 0 1-6.241 2.586z"
fill="#28384c"
/>
</svg>
More icons in the same style and category