Add icons to this collection by clicking the heart icon.
Toggle icon - also known as interface, ui, option, switch, and toggle. Created in a clean flat gradient style, 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="512"
height="512"
viewBox="0 0 16 16"
>
<linearGradient
id="a"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(12 -12 12 12 4 16)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#eaf2fa" />
<stop offset="1" stop-color="#c8ddf1" />
</linearGradient>
<linearGradient
id="b"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(-13.102 13.102) rotate(-35.535 5.78 3.703)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#75aadb" />
<stop offset="1" stop-color="#2079cb" />
</linearGradient>
<g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
<path
fill="url(#a)"
d="M17 5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2z"
transform="translate(-2 -2)"
/>
<path
fill="url(#b)"
d="M15.5 50c0-2.208-1.792-4-4-4h-7c-2.208 0-4 1.792-4 4s1.792 4 4 4h7c2.208 0 4-1.792 4-4zm-11-2.5a2.5 2.5 0 0 0 0 5 2.5 2.5 0 0 0 0-5z"
transform="matrix(-.657 0 0 .657 13.253 -24.828)"
/>
</g>
</svg>
More icons in the same style and category