Add icons to this collection by clicking the heart icon.
Controller icon - also known as controller, children, toy, electronics, and kid and baby. Created in a clean lineal color style with a white, silver, gray, black, 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0h61.278c21.473 0 38.88-17.407 38.88-38.88v-224.174c0-21.473-17.407-38.88-38.88-38.88h-344.22c-21.473 0-38.879 17.407-38.879 38.88V-38.88c0 21.473 17.406 38.88 38.879 38.88h61.279"
transform="translate(366.832 309.434)"
fill="#b5adb6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h181.663"
transform="translate(185.169 309.434)"
fill="#b5adb6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-97.724c-34.224 0-61.969 27.745-61.969 61.969 0 9.144 7.413 16.557 16.556 16.557H45.412c9.145 0 16.558-7.413 16.558-16.557C61.97 27.745 34.225 0 0 0"
transform="translate(304.862 257.212)"
fill="#f3f0f3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-3.543c-1.787-32.622-28.8-58.526-61.869-58.526h-97.724a61.66 61.66 0 0 0-32.66 9.309c10.933-17.591 30.424-29.309 52.66-29.309h97.724c34.224 0 61.97 27.745 61.97 61.969C16.558-7.413 9.145 0 0 0"
transform="translate(350.274 335.738)"
fill="#e2dee2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-128.69v15.471c0 13.981 11.333 25.314 25.314 25.314h78.062C-11.334 40.785 0 29.452 0 15.471Z"
transform="translate(320.345 335.738)"
fill="#b5adb6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-51.688v102.132c0 14.274 11.57 25.845 25.843 25.845C-11.571 127.977 0 116.406 0 102.132Z"
transform="translate(281.844 376.523)"
fill="#7a6d79"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-41.114v41.31c0 11.354 9.204 20.557 20.557 20.557C-9.203 61.867 0 52.664 0 41.31Z"
transform="translate(141.277 96.61)"
fill="#685e68"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-16.885-13.688-30.574-30.573-30.574-16.886 0-30.574 13.689-30.574 30.574 0 16.886 13.688 30.574 30.574 30.574C-13.688 30.574 0 16.886 0 0"
transform="translate(150.794 86.231)"
fill="#faf7f7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-41.114h-41.31c-11.353 0-20.557 9.203-20.557 20.557C-61.867-9.204-52.663 0-41.31 0z"
transform="translate(381.401 107.288)"
fill="#685e68"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c16.886 0 30.573-13.688 30.573-30.574 0-16.885-13.687-30.573-30.573-30.573-16.886 0-30.574 13.688-30.574 30.573C-30.574-13.688-16.886 0 0 0"
transform="translate(391.78 116.805)"
fill="#faf7f7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-68.744c-20.053 0-36.309 16.256-36.309 36.309 0 20.053 16.256 36.309 36.309 36.309H0c20.053 0 36.309-16.256 36.309-36.309C36.309 16.256 20.053 0 0 0"
transform="translate(290.372 139.336)"
fill="#fe93bb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c.546-2.596.838-5.285.838-8.042v-224.175c0-21.472-17.407-38.88-38.88-38.88h-344.221c-2.758 0-5.446.292-8.042.838 3.705-17.613 19.327-30.838 38.042-30.838H-8.042c21.473 0 38.88 17.408 38.88 38.88v224.175C30.838-19.327 17.613-3.705 0 0"
transform="translate(436.152 308.597)"
fill="#a79ba7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c.307-1.9.474-3.848.474-5.835v-.001c0-20.052-16.257-36.309-36.309-36.309h-68.745c-1.987 0-3.935.166-5.835.474 2.792-17.278 17.77-30.474 35.835-30.474h68.745c20.052 0 36.309 16.257 36.309 36.309v.001C30.474-17.77 17.277-2.792 0 0"
transform="translate(296.208 211.481)"
fill="#fe76a8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v35.6c0 21.473 17.406 38.88 38.879 38.88h61.279"
transform="translate(45.01 234.954)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-239.973c-21.472 0-38.879 17.407-38.879 38.88v158.574"
transform="translate(323.862 7.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h61.278c21.473 0 38.88-17.407 38.88-38.88v-224.174c0-21.473-17.407-38.88-38.88-38.88H-12.97"
transform="translate(366.832 309.434)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-97.724c-34.224 0-61.969 27.745-61.969 61.969 0 9.144 7.413 16.557 16.556 16.557H45.412c9.145 0 16.558-7.413 16.558-16.557C61.97 27.745 34.225 0 0 0Z"
transform="translate(304.862 257.212)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-128.69v15.471c0 13.981 11.333 25.314 25.314 25.314h78.062C-11.334 40.785 0 29.452 0 15.471Z"
transform="translate(320.345 335.738)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-51.688v102.132c0 14.274 11.57 25.845 25.843 25.845C-11.571 127.977 0 116.406 0 102.132Z"
transform="translate(281.844 376.523)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v26.753c0 11.354 9.204 20.558 20.558 20.558 11.353 0 20.556-9.204 20.556-20.558V-1.582"
transform="translate(100.163 111.166)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-16.885-13.688-30.574-30.573-30.574-16.886 0-30.574 13.689-30.574 30.574 0 16.886 13.688 30.574 30.574 30.574C-13.688 30.574 0 16.886 0 0Z"
transform="translate(150.794 86.231)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-26.74c-11.354 0-20.558 9.204-20.558 20.557 0 11.354 9.204 20.557 20.558 20.557H2.791"
transform="translate(366.832 66.174)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c16.886 0 30.573-13.688 30.573-30.574 0-16.885-13.687-30.573-30.573-30.573-16.886 0-30.574 13.688-30.574 30.573C-30.574-13.688-16.886 0 0 0Z"
transform="translate(391.78 116.805)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-68.744c-20.053 0-36.309 16.256-36.309 36.309v0c0 20.053 16.256 36.309 36.309 36.309H0c20.053 0 36.309-16.256 36.309-36.309v0C36.309 16.256 20.053 0 0 0Z"
transform="translate(290.372 139.336)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h44.381"
transform="translate(236.464 102.231)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h24.049"
transform="translate(379.608 217.887)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h24.05"
transform="translate(108.695 217.887)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category