Add icons to this collection by clicking the heart icon.
Toggle icon - also known as interface, button, control, website, multimedia, multimedia option, web page, switch, switch on, switch off, art and design, and toggle. Created in a clean lineal color style with a silver, gray, black, red, green, 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 0h-379.814c-19.596 0-35.593-15.867-35.593-35.306v-42.87l230.385-68.713L35.564-78.176l.029 42.87C35.593-15.867 19.567 0 0 0"
transform="translate(445.907 504.398)"
fill="gray"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0h-450.972v-383.315c0-19.41 15.997-35.306 35.593-35.306h379.815c19.567 0 35.592 15.896 35.592 35.306z"
transform="translate(481.472 426.223)"
fill="#bbdefb"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0h-37.736v-383.315c0-19.41-15.996-35.306-35.593-35.306h37.765c19.567 0 35.592 15.896 35.592 35.306z"
transform="translate(481.472 426.223)"
fill="#7fbaeb"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0h102.751c21.11 0 38.364-17.143 38.364-38.082s-17.254-38.082-38.364-38.082H0c-21.11 0-38.394 17.143-38.394 38.082S-21.11 0 0 0"
transform="translate(279.11 346.685)"
fill="gray"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c21.11 0 38.364 17.143 38.364 38.082S21.11 76.164 0 76.164h-2.057c-21.11 0-38.392-17.143-38.392-38.082S-23.167 0-2.057 0Z"
transform="translate(381.861 270.522)"
fill="#51db61"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c21.11 0 38.364 17.143 38.364 38.082S21.11 76.164 0 76.164h-2.057c-3.97 0-7.827-.623-11.425-1.727 17.31-3.684 30.393-19.013 30.393-37.261 0-17.001-11.397-31.481-26.966-36.325A37.106 37.106 0 0 1-2.057 0Z"
transform="translate(381.861 270.522)"
fill="#1ab52c"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0h102.751c21.11 0 38.364-17.143 38.364-38.082s-17.254-38.082-38.364-38.082H0c-21.11 0-38.394 17.143-38.394 38.082S-21.11 0 0 0Z"
transform="translate(279.11 346.685)"
fill="none"
stroke="#000"
stroke-width="15.147"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-21.11 0-38.393 17.143-38.393 38.082S-21.11 76.164 0 76.164"
transform="translate(379.805 270.522)"
fill="none"
stroke="#000"
stroke-width="15.147"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-102.723c-21.139 0-38.393-17.143-38.393-38.082 0-20.94 17.254-38.083 38.393-38.083H0c21.11 0 38.393 17.143 38.393 38.083C38.393-17.143 21.11 0 0 0"
transform="translate(378.89 190.22)"
fill="gray"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c-21.14 0-38.394 17.143-38.394 38.083 0 20.939 17.254 38.082 38.394 38.082h2.027c21.14 0 38.394-17.143 38.394-38.082C40.421 17.143 23.167 0 2.027 0Z"
transform="translate(276.168 114.056)"
fill="#ff7b83"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c21.14 0 38.394 17.143 38.394 38.083C38.394 59.022 21.14 76.165 0 76.165h-2.027c-3.943 0-7.771-.596-11.341-1.7 15.625-4.818 27.052-19.353 27.052-36.382 0-17.029-11.427-31.537-27.052-36.383A38.423 38.423 0 0 1-2.027 0Z"
transform="translate(278.195 114.056)"
fill="#e63e49"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0h-102.723c-21.139 0-38.393-17.143-38.393-38.082 0-20.94 17.254-38.083 38.393-38.083H0c21.11 0 38.393 17.143 38.393 38.083C38.393-17.143 21.11 0 0 0Z"
transform="translate(378.89 190.22)"
fill="none"
stroke="#000"
stroke-width="15.147"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c21.14 0 38.394 17.143 38.394 38.083C38.394 59.022 21.14 76.165 0 76.165"
transform="translate(278.195 114.056)"
fill="none"
stroke="#000"
stroke-width="15.147"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h105.98"
transform="translate(95.83 293.7)"
fill="none"
stroke="#000"
stroke-width="15.147"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h35.022"
transform="translate(168.474 336.202)"
fill="none"
stroke="#000"
stroke-width="15.147"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-36.736"
transform="translate(132.566 336.202)"
fill="none"
stroke="#000"
stroke-width="15.147"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h105.98"
transform="translate(98.115 129.556)"
fill="none"
stroke="#000"
stroke-width="15.147"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h35.022"
transform="translate(170.759 172.058)"
fill="none"
stroke="#000"
stroke-width="15.147"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-37.765C-18.168 0-2.172-15.867-2.172-35.306v-42.87h37.736l.029 42.87C35.593-15.867 19.567 0 0 0"
transform="translate(445.907 504.398)"
fill="#666"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0h-36.736"
transform="translate(134.852 172.058)"
fill="none"
stroke="#000"
stroke-width="15.147"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v265.64c0 19.438 15.997 35.305 35.593 35.305h379.814c19.568 0 35.593-15.867 35.593-35.305v-426.186c0-19.409-16.025-35.306-35.593-35.306H35.593C15.997-195.852 0-179.955 0-160.546v125.948"
transform="translate(30.5 203.453)"
fill="none"
stroke="#000"
stroke-width="15.147"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h.229"
transform="translate(381.005 465.268)"
fill="none"
stroke="#000"
stroke-width="15.147"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h.229"
transform="translate(341.041 465.268)"
fill="none"
stroke="#000"
stroke-width="15.147"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h.229"
transform="translate(421.197 465.268)"
fill="none"
stroke="#000"
stroke-width="15.147"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-176.452"
transform="translate(262.741 464.418)"
fill="none"
stroke="#000"
stroke-width="15.147"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h199.362m-450.971 0h212.93"
transform="translate(282.11 426.223)"
fill="none"
stroke="#000"
stroke-width="15.147"
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