Add icons to this collection by clicking the heart icon.
Focus icon - also known as interface, ui, focus, and close up. 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 32 32"
>
<linearGradient
id="linear-gradient"
gradientUnits="userSpaceOnUse"
x1="2"
x2="30"
y1="16"
y2="16"
>
<stop offset="0" stop-color="#3c87d0" />
<stop offset="1" stop-color="#03a9f4" />
</linearGradient>
<linearGradient
id="linear-gradient-2"
gradientUnits="userSpaceOnUse"
x1="9"
x2="23"
y1="16"
y2="16"
>
<stop offset="0" stop-color="#26a6fe" />
<stop offset="1" stop-color="#4fc3f7" />
</linearGradient>
<linearGradient
id="linear-gradient-3"
x1="9"
x2="22.87"
y1="16.07"
y2="16.07"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-4"
gradientUnits="userSpaceOnUse"
x1="14"
x2="18"
y1="16"
y2="16"
>
<stop offset="0" stop-color="#b3dafe" />
<stop offset="1" stop-color="#e3f2fd" />
</linearGradient>
<g id="_21_focus">
<path
d="m12 30h-7a3 3 0 0 1 -3-3v-7a1 1 0 0 1 2 0v7a1 1 0 0 0 1 1h7a1 1 0 0 1 0 2zm18-3v-7a1 1 0 0 0 -2 0v7a1 1 0 0 1 -1 1h-7a1 1 0 0 0 0 2h7a3 3 0 0 0 3-3zm0-15v-7a3 3 0 0 0 -3-3h-7a1 1 0 0 0 0 2h7a1 1 0 0 1 1 1v7a1 1 0 0 0 2 0zm-26 0v-7a1 1 0 0 1 1-1h7a1 1 0 0 0 0-2h-7a3 3 0 0 0 -3 3v7a1 1 0 0 0 2 0z"
fill="url(#linear-gradient)"
/>
<path
d="m23 12v8a3 3 0 0 1 -3 3h-8a3 3 0 0 1 -3-3v-8a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3z"
fill="url(#linear-gradient-2)"
/>
<path
d="m22.87 20.87a3 3 0 0 1 -2.87 2.13h-8a3 3 0 0 1 -3-3v-8a3 3 0 0 1 2.13-2.87 3.16 3.16 0 0 0 -.13.87v8a3 3 0 0 0 3 3h8a3.16 3.16 0 0 0 .87-.13z"
fill="url(#linear-gradient-3)"
opacity=".5"
/>
<path
d="m18 16a2 2 0 1 1 -2-2 2 2 0 0 1 2 2z"
fill="url(#linear-gradient-4)"
/>
</g>
</svg>
More icons in the same style and category