Add icons to this collection by clicking the heart icon.
On icon - also known as interface, off, activate, multimedia option, switches, toggle button, switch on, activation, on, and music and multimedia. Created in a clean lineal color style with a white, teal, and navy 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="100"
height="100"
viewBox="0 0 512 512"
>
<path
d="M341.333 85.333H170.667C76.563 85.333 0 161.896 0 256s76.563 170.667 170.667 170.667h170.667C435.438 426.667 512 350.104 512 256S435.438 85.333 341.333 85.333z"
fill="#303c42"
/>
<path
d="M341.333 405.333H170.667c-82.344 0-149.333-66.99-149.333-149.333s66.99-149.333 149.333-149.333h170.667c82.344 0 149.333 66.99 149.333 149.333s-66.99 149.333-149.334 149.333z"
fill="#e6e6e6"
/>
<path
d="M170.667 138.667h170.667c82.344 0 149.333 52.634 149.333 117.333 0-82.344-66.99-149.333-149.333-149.333H170.667c-82.344 0-149.333 66.99-149.333 149.333-.001-64.699 66.989-117.333 149.333-117.333z"
opacity=".1"
/>
<circle cx="341.333" cy="256" r="128" fill="#303c42" />
<linearGradient
id="a"
x1="-30.542"
x2="-25.777"
y1="634.277"
y2="629.515"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#000" stop-opacity=".1" />
<stop offset="1" stop-color="#000" stop-opacity="0" />
</linearGradient>
<path
d="M490.667 256c0-11.393-1.398-22.447-3.827-33.116l-42.044-42.044-.048.039c15.389 21.126 24.586 47.039 24.586 75.121 0 70.583-57.417 128-128 128-33.284 0-63.542-12.874-86.329-33.768l50.602 50.602c11.471 2.832 23.395 4.5 35.728 4.5 82.342-.001 149.332-66.99 149.332-149.334z"
fill="url(#a)"
/>
<circle cx="341.333" cy="256" r="106.667" fill="#1e88e5" />
<path
d="M408.12 173.512c4.99 12.328 7.88 25.727 7.88 39.822C416 272.146 368.146 320 309.333 320c-25.402 0-48.445-9.297-66.786-24.178 15.828 39.113 54.069 66.845 98.786 66.845C400.146 362.667 448 314.813 448 256c0-33.41-15.758-62.914-39.88-82.488z"
opacity=".1"
/>
<linearGradient
id="b"
x1="-45.239"
x2="-24.168"
y1="639.397"
y2="629.572"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity=".2" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</linearGradient>
<path
d="M341.333 85.333H170.667C76.563 85.333 0 161.896 0 256s76.563 170.667 170.667 170.667h170.667C435.438 426.667 512 350.104 512 256S435.438 85.333 341.333 85.333z"
fill="url(#b)"
/>
</svg>
More icons in the same style and category