Add icons to this collection by clicking the heart icon.
On Off icon - also known as interface, button, control, turn on, on off, ui, electronics, switch on, power off, switch off, and power switch. Created in a clean lineal color style with a silver, 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>
<path
d="M234 462H10V50h224z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#83a9bf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0v100.746c0 12.497-10.13 22.627-22.627 22.627h-98.746c-12.497 0-22.627-10.13-22.627-22.627V0c0-12.497 10.13-22.627 22.627-22.627h98.746C-10.13-22.627 0-12.497 0 0"
transform="translate(194 298.627)"
fill="#8ae89e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-100.746c0-12.497 10.13-22.627 22.627-22.627h98.746c12.497 0 22.627 10.13 22.627 22.627V0c0 12.497-10.13 22.627-22.627 22.627H22.627C10.13 22.627 0 12.497 0 0"
transform="translate(50 213.373)"
fill="#ff7396"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v161h-224v-412H0v161"
transform="translate(234 301)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v79.851L53.986 1.675C54.987.229 56.06.937 56.06 2.696V80"
transform="translate(402.462 309)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-22.091-17.908-40-40-40-22.091 0-40 17.909-40 40s17.909 40 40 40C-17.908 40 0 22.091 0 0Z"
transform="translate(361.174 349)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-32.188v-79.414"
transform="translate(431.7 202.707)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h29.631"
transform="translate(399.513 163.752)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-32.187v-79.414"
transform="translate(502 202.707)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h29.63"
transform="translate(469.813 163.752)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-22.091-17.908-40-40-40-22.091 0-40 17.909-40 40s17.909 40 40 40C-17.908 40 0 22.091 0 0Z"
transform="translate(361.174 163)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v100.746c0 12.497-10.13 22.627-22.627 22.627h-98.746c-12.497 0-22.627-10.13-22.627-22.627V0c0-12.497 10.13-22.627 22.627-22.627h98.746C-10.13-22.627 0-12.497 0 0Z"
transform="translate(194 298.627)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-17.673 14.327-32 32-32 17.673 0 32 14.327 32 32 0 17.673-14.327 32-32 32C14.327 32 0 17.673 0 0Z"
transform="translate(90 163)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-60"
transform="translate(152 349)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-100.746c0-12.497 10.13-22.627 22.627-22.627h98.746c12.497 0 22.627 10.13 22.627 22.627V0c0 12.497-10.13 22.627-22.627 22.627H22.627C10.13 22.627 0 12.497 0 0Z"
transform="translate(50 213.373)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v0"
transform="translate(234.031 256)"
fill="none"
stroke="#000"
stroke-width="20"
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