Add icons to this collection by clicking the heart icon.
Switch icon - also known as web design, buttons, settings, layout, browser, ui, switch, and user interface. Created in a clean lineal color style with a white, silver, gray, black, and lime 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 0v-355.98c0-5.52-4.48-10-10-10h-477c-5.52 0-10 4.48-10 10V0c0 5.52 4.48 10 10 10h477C-4.48 10 0 5.52 0 0"
transform="translate(504.5 433.99)"
fill="#e8e6ed"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-355.98c0-5.52-4.48-10-10-10h-119.78C-19.14-270.21-21.6-47.53-24.21 10H-10C-4.48 10 0 5.52 0 0"
transform="translate(504.5 433.99)"
fill="#d1d0d8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-53.03h-497V0c0 5.52 4.48 10 10 10h477C-4.48 10 0 5.52 0 0"
transform="translate(504.5 433.99)"
fill="#898993"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-53.03h-23.83c.82 27.46.23 49.69-.38 63.03H-10C-4.48 10 0 5.52 0 0"
transform="translate(504.5 433.99)"
fill="#717177"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-493"
transform="translate(502.5 380.96)"
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 0v243.726c0 5.523-4.477 10-10 10h-127.238"
transform="translate(504.5 190.261)"
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 0h231.238c5.524 0 10 4.477 10 10v77.726"
transform="translate(263.262 68.013)"
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-315.238c-5.523 0-10-4.477-10-10v-355.974c0-5.523 4.477-10 10-10H-104"
transform="translate(332.738 443.987)"
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"
transform="translate(47.433 412.473)"
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.112"
transform="translate(70.076 412.473)"
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.112"
transform="translate(92.72 412.473)"
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 0h13.956"
transform="translate(450.611 412.473)"
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 0h92.456c14.878 0 26.94-12.062 26.94-26.94 0-14.879-12.062-26.94-26.94-26.94H0c-14.879 0-26.94 12.061-26.94 26.94C-26.94-12.062-14.879 0 0 0"
transform="translate(314.215 256)"
fill="#898993"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 14.878 12.062 26.94 26.939 26.94C41.818 26.94 53.88 14.878 53.88 0c0-14.879-12.062-26.94-26.941-26.94C12.062-26.94 0-14.879 0 0"
transform="translate(287.274 229.06)"
fill="#d1d0d8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-14.88-12.061-26.94-26.94-26.94-3.401 0-6.651.63-9.64 1.79 10.12 3.87 17.3 13.67 17.3 25.15 0 11.48-7.18 21.28-17.3 25.15a26.58 26.58 0 0 0 9.64 1.79C-12.061 26.94 0 14.88 0 0"
transform="translate(341.15 229.06)"
fill="#bdbcc4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h92.456c14.878 0 26.94-12.062 26.94-26.94 0-14.879-12.062-26.94-26.94-26.94H0c-14.879 0-26.94 12.061-26.94 26.94C-26.94-12.062-14.879 0 0 0Z"
transform="translate(314.215 256)"
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 14.878 12.062 26.94 26.939 26.94C41.818 26.94 53.88 14.878 53.88 0c0-14.879-12.062-26.94-26.941-26.94C12.062-26.94 0-14.879 0 0Z"
transform="translate(287.274 229.06)"
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-92.456c-14.879 0-26.94 12.062-26.94 26.94 0 14.879 12.061 26.94 26.94 26.94H0c14.878 0 26.939-12.061 26.939-26.94C26.939 12.062 14.878 0 0 0"
transform="translate(406.67 290.278)"
fill="#898993"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-14.879-12.061-26.94-26.939-26.94C-41.818-26.94-53.88-14.879-53.88 0c0 14.878 12.062 26.94 26.941 26.94C-12.061 26.94 0 14.878 0 0"
transform="translate(433.61 317.218)"
fill="#1edb13"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-14.88-12.061-26.94-26.94-26.94-3.401 0-6.651.63-9.64 1.79C-26.471-21.28-19.29-11.48-19.29 0c0 11.48-7.181 21.28-17.29 25.15a26.58 26.58 0 0 0 9.64 1.79C-12.061 26.94 0 14.88 0 0"
transform="translate(433.61 317.22)"
fill="#06c126"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-92.456c-14.879 0-26.94 12.062-26.94 26.94v0c0 14.879 12.061 26.94 26.94 26.94H0c14.878 0 26.939-12.061 26.939-26.94v0C26.939 12.062 14.878 0 0 0Z"
transform="translate(406.67 290.278)"
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-14.879-12.061-26.94-26.939-26.94C-41.818-26.94-53.88-14.879-53.88 0c0 14.878 12.062 26.94 26.941 26.94C-12.061 26.94 0 14.878 0 0Z"
transform="translate(433.61 317.218)"
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-92.456c-14.879 0-26.94 12.062-26.94 26.94 0 14.879 12.061 26.941 26.94 26.941H0c14.878 0 26.939-12.062 26.939-26.941C26.939 12.062 14.878 0 0 0"
transform="translate(406.67 113.961)"
fill="#898993"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-14.878-12.061-26.94-26.939-26.94C-41.818-26.94-53.88-14.878-53.88 0c0 14.878 12.062 26.94 26.941 26.94C-12.061 26.94 0 14.878 0 0"
transform="translate(433.61 140.902)"
fill="#1edb13"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-14.88-12.061-26.94-26.94-26.94-3.401 0-6.651.63-9.64 1.79C-26.471-21.28-19.29-11.48-19.29 0c0 11.48-7.181 21.28-17.29 25.15a26.58 26.58 0 0 0 9.64 1.79C-12.061 26.94 0 14.88 0 0"
transform="translate(433.61 140.9)"
fill="#06c126"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-92.456c-14.879 0-26.94 12.062-26.94 26.94 0 14.879 12.061 26.941 26.94 26.941H0c14.878 0 26.939-12.062 26.939-26.941C26.939 12.062 14.878 0 0 0Z"
transform="translate(406.67 113.961)"
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-14.878-12.061-26.94-26.939-26.94C-41.818-26.94-53.88-14.878-53.88 0c0 14.878 12.062 26.94 26.941 26.94C-12.061 26.94 0 14.878 0 0Z"
transform="translate(433.61 140.902)"
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-96.167"
transform="translate(185.778 152.14)"
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-34.387"
transform="translate(123.998 129.303)"
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-73.762"
transform="translate(219.049 129.303)"
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.599"
transform="translate(116.21 240.478)"
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-81.354"
transform="translate(219.049 240.478)"
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-129.437"
transform="translate(219.049 217.642)"
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-96.167"
transform="translate(185.778 328.817)"
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-85.522"
transform="translate(175.134 305.98)"
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-22.626"
transform="translate(219.049 305.98)"
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