Add icons to this collection by clicking the heart icon.
Interface icon - also known as interface, web, web design, development, graphic design, design, browser, web page, seo and web, and edit tools. Created in a clean outline 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 512 512"
>
<linearGradient
id="a"
x1="256"
x2="256"
y1="486"
y2="88.709"
gradientUnits="userSpaceOnUse"
>
<stop offset=".322" stop-color="#a163f5" />
<stop offset=".466" stop-color="#b074ee" />
<stop offset=".752" stop-color="#d8a1dd" />
<stop offset=".898" stop-color="#efbad3" />
</linearGradient>
<linearGradient
id="b"
x1="47.113"
x2="47.113"
y1="486"
y2="88.709"
href="#a"
/>
<linearGradient
id="c"
x1="83.918"
x2="83.918"
y1="486"
y2="88.709"
href="#a"
/>
<linearGradient
id="d"
x1="120.723"
x2="120.723"
y1="486"
y2="88.709"
href="#a"
/>
<linearGradient id="e" x1="42" x2="42" y1="486" y2="88.709" href="#a" />
<linearGradient id="f" x1="109" x2="109" y1="486" y2="88.709" href="#a" />
<linearGradient
id="g"
x1="61.365"
x2="61.365"
y1="486"
y2="88.709"
href="#a"
/>
<linearGradient
id="h"
x1="62.362"
x2="62.362"
y1="486"
y2="88.709"
href="#a"
/>
<linearGradient
id="i"
x1="450.655"
x2="450.655"
y1="486"
y2="88.709"
href="#a"
/>
<linearGradient
id="j"
x1="449.657"
x2="449.657"
y1="486"
y2="88.709"
href="#a"
/>
<linearGradient
id="k"
x1="234.737"
x2="234.737"
y1="486"
y2="88.709"
href="#a"
/>
<path
fill="url(#a)"
d="M465.749 62H46.251A36.251 36.251 0 0 0 10 98.251v314.5A36.251 36.251 0 0 0 46.251 449h419.5A36.251 36.251 0 0 0 502 412.749V98.251A36.251 36.251 0 0 0 465.749 62zM490 132H109a6 6 0 0 0 0 12h381v269.262C490 426.634 479.121 438 465.749 438H46.271C32.9 438 22 426.634 22 413.262V144h45a6 6 0 0 0 0-12H22V98.738C22 85.366 32.9 74 46.271 74h419.478C479.121 74 490 85.366 490 98.738z"
/>
<path
fill="url(#b)"
d="M47.113 85.733A16.492 16.492 0 1 0 63.6 102.225a16.51 16.51 0 0 0-16.487-16.492zm0 20.984a4.492 4.492 0 1 1 4.491-4.492 4.5 4.5 0 0 1-4.491 4.492z"
/>
<path
fill="url(#c)"
d="M100.41 102.225a16.492 16.492 0 1 0-16.492 16.492 16.51 16.51 0 0 0 16.492-16.492zm-20.984 0a4.492 4.492 0 1 1 4.492 4.492 4.5 4.5 0 0 1-4.492-4.492z"
/>
<path
fill="url(#d)"
d="M120.723 85.733a16.492 16.492 0 1 0 16.492 16.492 16.51 16.51 0 0 0-16.492-16.492zm0 20.984a4.492 4.492 0 1 1 4.492-4.492 4.5 4.5 0 0 1-4.492 4.492z"
/>
<path fill="url(#e)" d="M41 173h2a6 6 0 0 0 0-12h-2a6 6 0 0 0 0 12z" />
<path
fill="url(#f)"
d="M57 167a6 6 0 0 0 6 6h92a6 6 0 0 0 0-12H63a6 6 0 0 0-6 6z"
/>
<path
fill="url(#g)"
d="M71.352 269.51a6 6 0 0 0-8.485 0L51.377 281a6 6 0 0 0 0 8.485l11.49 11.49a6 6 0 0 0 8.485-8.485l-7.247-7.247L71.352 278a6 6 0 0 0 0-8.49z"
/>
<path
fill="url(#h)"
d="M62.362 251.134a34.109 34.109 0 1 0 34.109 34.109 34.147 34.147 0 0 0-34.109-34.109zm0 56.217a22.109 22.109 0 1 1 22.109-22.108 22.134 22.134 0 0 1-22.109 22.108z"
/>
<path
fill="url(#i)"
d="M440.667 300.975a6 6 0 0 0 8.486 0l11.49-11.49a6 6 0 0 0 0-8.485l-11.49-11.49a6 6 0 1 0-8.486 8.49l7.248 7.248-7.248 7.247a6 6 0 0 0 0 8.48z"
/>
<path
fill="url(#j)"
d="M449.658 319.351a34.109 34.109 0 1 0-34.109-34.108 34.147 34.147 0 0 0 34.109 34.108zm0-56.217a22.109 22.109 0 1 1-22.109 22.109 22.134 22.134 0 0 1 22.109-22.109z"
/>
<path
fill="url(#a)"
d="M134 202.283V215h-20.841a6.068 6.068 0 0 0-6.159 5.917v128.651a6.521 6.521 0 0 0 6.159 6.432H134v12.2a6.028 6.028 0 0 0 6.226 5.8H371.75a6.049 6.049 0 0 0 6.25-5.8V356h20.861a6.5 6.5 0 0 0 6.139-6.432V220.917a6.05 6.05 0 0 0-6.139-5.917H378v-12.717a6.465 6.465 0 0 0-6.25-6.283H140.226a6.444 6.444 0 0 0-6.226 6.283zM134 344h-15V227h15zm244-117h15v117h-15zM153.843 362l44.243-46.839L242.33 362zm104.994 0-9.256-9.7L302 269.066 361.1 362zM146 208h220v139.154l-58.828-92.373a6.216 6.216 0 0 0-5.189-2.781h-.011a5.992 5.992 0 0 0-5.065 2.8l-55.835 88.6-38.624-40.89a6 6 0 0 0-4.362-1.88 6.257 6.257 0 0 0-4.475 1.88L146 352.79z"
/>
<path
fill="url(#k)"
d="M234.737 289.114a28.346 28.346 0 1 0-28.345-28.345 28.378 28.378 0 0 0 28.345 28.345zm0-44.691a16.346 16.346 0 1 1-16.345 16.346 16.364 16.364 0 0 1 16.345-16.346z"
/>
</svg>
More icons in the same style and category