Add icons to this collection by clicking the heart icon.
Interface icon - also known as interface, smartphone, browser, webpage, and seo and web. Created in a clean 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 64 64"
>
<linearGradient
id="a"
x1="32"
x2="32"
y1="64.355"
y2=".087"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".35" stop-color="#ed683c" />
<stop offset=".7" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<linearGradient id="b" x1="15" x2="15" y1="64.355" y2=".087" href="#a" />
<linearGradient id="c" x1="9" x2="9" y1="64.355" y2=".087" href="#a" />
<linearGradient id="d" x1="13" x2="13" y1="64.355" y2=".087" href="#a" />
<linearGradient id="e" x1="17" x2="17" y1="64.355" y2=".087" href="#a" />
<linearGradient id="f" x1="21" x2="21" y1="64.355" y2=".087" href="#a" />
<linearGradient id="g" x1="36" x2="36" y1="64.355" y2=".087" href="#a" />
<linearGradient id="h" x1="40" x2="40" y1="64.355" y2=".087" href="#a" />
<linearGradient id="i" x1="44" x2="44" y1="64.355" y2=".087" href="#a" />
<linearGradient id="j" x1="38" x2="38" y1="64.355" y2=".087" href="#a" />
<path
fill="url(#a)"
d="M57 2H19a5.006 5.006 0 0 0-5 5v13H7a5.006 5.006 0 0 0-5 5v32a5.006 5.006 0 0 0 5 5h50a5.006 5.006 0 0 0 5-5V7a5.006 5.006 0 0 0-5-5zM33 4h10v1a1 1 0 0 1-1 1h-8a1 1 0 0 1-1-1zM23 20h31v19a1 1 0 0 1-1 1H28V25a5.006 5.006 0 0 0-5-5zm31-2H22v-3a1 1 0 0 1 1-1h30a1 1 0 0 1 1 1zm-43 4h8v1a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1zM7 60a3 3 0 0 1-3-3V25a3 3 0 0 1 3-3h2v1a3 3 0 0 0 3 3h6a3 3 0 0 0 3-3v-1h2a3 3 0 0 1 3 3v32a3 3 0 0 1-3 3zm53-3a3 3 0 0 1-3 3H26.974A4.948 4.948 0 0 0 28 57V42h25a3 3 0 0 0 3-3V15a3 3 0 0 0-3-3H23a3 3 0 0 0-3 3v5h-4V7a3 3 0 0 1 3-3h12v1a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3V4h12a3 3 0 0 1 3 3z"
/>
<path
fill="url(#b)"
d="M22 32H8a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V34a2 2 0 0 0-2-2zm0 2v2H8v-2zM8 46v-8h14v8z"
/>
<path fill="url(#c)" d="M8 50h2v2H8z" />
<path fill="url(#d)" d="M12 50h2v2h-2z" />
<path fill="url(#e)" d="M16 50h2v2h-2z" />
<path fill="url(#f)" d="M20 50h2v2h-2z" />
<path fill="url(#b)" d="M8 54h14v2H8z" />
<path fill="url(#a)" d="M31 46h2v2h-2z" />
<path fill="url(#g)" d="M35 46h2v2h-2z" />
<path fill="url(#h)" d="M39 46h2v2h-2z" />
<path fill="url(#i)" d="M43 46h2v2h-2z" />
<path fill="url(#j)" d="M31 50h14v2H31z" />
</svg>
More icons in the same style and category