Add icons to this collection by clicking the heart icon.
Switch icon - also known as light, smart, electronics, switch, light switch, and dimmer. Created in a clean lineal color style with a white, silver, gray, and black 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 0h-301.757c-11.046 0-20 8.954-20 20v381.757c0 11.046 8.954 20 20 20H0c11.046 0 20-8.954 20-20V20C20 8.954 11.046 0 0 0"
transform="translate(329.257 82.743)"
fill="#e9f1ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-40c11.045 0 20-8.954 20-20v-381.758c0-11.045-8.955-20-20-20H0c11.045 0 20 8.955 20 20V-20C20-8.954 11.045 0 0 0"
transform="translate(329.258 504.5)"
fill="#dde9ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-113.554c-11.046 0-20 8.954-20 20v53.501H20V20C20 8.954 11.046 0 0 0"
transform="translate(235.156 139.83)"
fill="#7e66ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-20-28.629v-44.872h40c11.045 0 20 8.954 20 20V0Z"
transform="translate(215.156 213.33)"
fill="#7359fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-153.554v111.756c0 11.046 8.954 20 20 20H-20c11.046 0 20-8.954 20-20z"
transform="translate(255.156 316.457)"
fill="#dbe7ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-40c11.045 0 20-8.955 20-20v-111.756h40V-20C20-8.955 11.045 0 0 0"
transform="translate(235.156 448.213)"
fill="#cddeff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-113.554c-11.046 0-20 8.954-20 20v111.756H20V20C20 8.954 11.046 0 0 0"
transform="translate(235.156 184.701)"
fill="#cfdfff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-111.756c0-11.046-8.955-20-20-20h40c11.045 0 20 8.954 20 20V0Z"
transform="translate(215.156 316.457)"
fill="#c1d6ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-128.766c-14.588 0-26.416 11.826-26.416 26.416v261.39c0 14.589 11.828 26.415 26.416 26.415H0c14.59 0 26.416-11.826 26.416-26.415V26.416C26.416 11.826 14.59 0 0 0"
transform="translate(478.084 7.5)"
fill="#7e66ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-40c14.59 0 26.416-11.826 26.416-26.415v-261.39c0-14.59-11.826-26.416-26.416-26.416H0c14.59 0 26.416 11.826 26.416 26.416v261.39C26.416-11.826 14.59 0 0 0"
transform="translate(478.084 321.72)"
fill="#7359fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M504.5 65.275H322.902v217.308H504.5Z"
fill="#e9f1ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M504.5 174.042H322.902v108.662H504.5Z"
fill="#90ef96"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M464.5 174.041h40v108.663h-40z"
fill="#87de8d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M504.5 65.379H322.902v108.663H504.5Z"
fill="#e9f1ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M464.5 65.379h40v108.662h-40z"
fill="#dde9ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v36.287c0 11.046 8.954 20 20 20h301.757c11.046 0 20-8.954 20-20v-162.779"
transform="translate(7.5 448.213)"
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-291.757c-11.046 0-20 8.954-20 20v303.687"
transform="translate(319.257 82.743)"
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 0v-53.501c0-11.046-8.954-20-20-20h-113.554c-11.046 0-20 8.954-20 20V0"
transform="translate(255.156 213.33)"
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-153.554v111.756c0 11.046 8.954 20 20 20H-20c11.046 0 20-8.954 20-20z"
transform="translate(255.156 316.457)"
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-113.554c-11.046 0-20 8.954-20 20v111.756H20V20C20 8.954 11.046 0 0 0Z"
transform="translate(235.156 184.701)"
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-9.404-7.624-17.028-17.028-17.028-9.405 0-17.028 7.624-17.028 17.028s7.623 17.027 17.028 17.027C-7.624 17.027 0 9.404 0 0Z"
transform="translate(195.407 382.335)"
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 0v-34.057"
transform="translate(178.378 267.607)"
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 0v155.382c0 14.589-11.826 26.415-26.416 26.415h-128.766c-14.589 0-26.416-11.826-26.416-26.415v-261.39c0-14.59 11.827-26.416 26.416-26.416h128.766c14.59 0 26.416 11.826 26.416 26.416v66.154"
transform="translate(504.5 139.924)"
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 0v142.659h-181.598V-74.648H0v34.794"
transform="translate(504.5 139.924)"
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 0h41.934"
transform="translate(392.734 37.172)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M504.5 174.042H322.902v108.662H504.5Z"
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 0v34.117h-181.598V-74.545H0v34.691"
transform="translate(504.5 139.924)"
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 0v-30.421"
transform="translate(413.701 134.92)"
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-9.086-7.365-16.451-16.451-16.451S-32.902-9.086-32.902 0c0 9.085 7.365 16.45 16.451 16.45S0 9.085 0 0Z"
transform="translate(430.152 228.373)"
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