Add icons to this collection by clicking the heart icon.
Interface icon - also known as interface, internet, web, website, browser, ui, web page, computing, and seo and web. Created in a clean lineal 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="496pt"
height="496pt"
viewBox="0 -68 496 496"
>
<linearGradient id="a">
<stop offset="0" stop-color="#003f8a" />
<stop offset=".518" stop-color="#00d7df" />
<stop offset="1" stop-color="#006df0" />
</linearGradient>
<linearGradient
id="b"
x1="-5.472"
x2="519.424"
y1="433.472"
y2="-91.424"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="-171.472"
x2="353.424"
y1="267.472"
y2="-257.424"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="-143.472"
x2="381.424"
y1="295.472"
y2="-229.424"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="-115.472"
x2="409.424"
y1="323.472"
y2="-201.424"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="30.528"
x2="555.424"
y1="469.472"
y2="-55.424"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="-1.472"
x2="523.424"
y1="437.472"
y2="-87.424"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="36.528"
x2="561.424"
y1="475.472"
y2="-49.424"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="72.528"
x2="597.424"
y1="511.472"
y2="-13.424"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="108.528"
x2="633.424"
y1="547.472"
y2="22.576"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="-41.472"
x2="483.424"
y1="397.472"
y2="-127.424"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M480 0H16C7.164 0 0 7.164 0 16v328c0 8.836 7.164 16 16 16h464c8.836 0 16-7.164 16-16V16c0-8.836-7.164-16-16-16zm0 16v64H16V16zM16 344V96h464v248zm0 0"
/>
<path
fill="url(#c)"
d="M48 72c13.254 0 24-10.746 24-24S61.254 24 48 24 24 34.746 24 48s10.746 24 24 24zm0-32a8 8 0 1 1 0 16 8 8 0 0 1 0-16zm0 0"
/>
<path
fill="url(#d)"
d="M104 72c13.254 0 24-10.746 24-24s-10.746-24-24-24-24 10.746-24 24 10.746 24 24 24zm0-32a8 8 0 1 1 0 16 8 8 0 0 1 0-16zm0 0"
/>
<path
fill="url(#e)"
d="M160 72c13.254 0 24-10.746 24-24s-10.746-24-24-24-24 10.746-24 24 10.746 24 24 24zm0-32a8 8 0 1 1 0 16 8 8 0 0 1 0-16zm0 0"
/>
<path fill="url(#f)" d="M456 48h8a8 8 0 0 0 0-16h-8a8 8 0 0 0 0 16zm0 0" />
<path
fill="url(#g)"
d="M368 48h56a8 8 0 0 0 0-16h-56a8 8 0 0 0 0 16zm0 0"
/>
<path
fill="url(#h)"
d="M456 144h-89.137c-3.59-14.113-16.3-23.992-30.863-23.992s-27.273 9.879-30.863 23.992H264a8 8 0 0 0 0 16h41.137c3.59 14.113 16.3 23.992 30.863 23.992s27.273-9.879 30.863-23.992H456a8 8 0 0 0 0-16zm-120 24c-8.836 0-16-7.164-16-16s7.164-16 16-16 16 7.164 16 16-7.164 16-16 16zm0 0"
/>
<path
fill="url(#i)"
d="M456 216h-17.137c-3.59-14.113-16.3-23.992-30.863-23.992s-27.273 9.879-30.863 23.992H264a8 8 0 0 0 0 16h113.137c3.59 14.113 16.3 23.992 30.863 23.992s27.273-9.879 30.863-23.992H456a8 8 0 0 0 0-16zm-48 24c-8.836 0-16-7.164-16-16s7.164-16 16-16 16 7.164 16 16-7.164 16-16 16zm0 0"
/>
<path
fill="url(#j)"
d="M456 288h-89.137c-3.59-14.113-16.3-23.992-30.863-23.992s-27.273 9.879-30.863 23.992H264a8 8 0 0 0 0 16h41.137c3.59 14.113 16.3 23.992 30.863 23.992s27.273-9.879 30.863-23.992H456a8 8 0 0 0 0-16zm-120 24c-8.836 0-16-7.164-16-16s7.164-16 16-16 16 7.164 16 16-7.164 16-16 16zm0 0"
/>
<path
fill="url(#k)"
d="M216 120H48a8 8 0 0 0-8 8v192a8 8 0 0 0 8 8h168a8 8 0 0 0 8-8V128a8 8 0 0 0-8-8zm-8 192H56V136h152zm0 0"
/>
</svg>
More icons in the same style and category