Add icons to this collection by clicking the heart icon.
Web Interface icon - also known as computer, interface, screen, cursor, internet, web, ui, web programming, custom, and web interface. Created in a clean lineal color style with a white, silver, gray, teal, orange, and pink 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="512"
height="512"
viewBox="0 0 256 256"
>
<path
fill="#c7d7e5"
d="M47.276 37.875v17.344h147.013a4.987 4.987 0 0 1 4.987 4.987v156.263h14.575a4.987 4.987 0 0 0 4.987-4.987V37.875z"
/>
<path
fill="#edf4fc"
d="M27.714 74.906v173.607a4.987 4.987 0 0 0 4.987 4.987h161.588a4.987 4.987 0 0 0 4.987-4.987V74.906z"
/>
<path fill="#70d6f9" d="M27.714 74.906h171.563V135.5H27.714z" />
<path
d="M194.289 256H32.701c-4.128 0-7.487-3.358-7.487-7.487V74.906a2.5 2.5 0 1 1 5 0v173.606a2.49 2.49 0 0 0 2.487 2.487h161.588a2.49 2.49 0 0 0 2.487-2.487V74.906a2.5 2.5 0 1 1 5 0v173.606c0 4.13-3.358 7.488-7.487 7.488z"
/>
<path
fill="#70d6f9"
d="M48.263 151.245h31.475a2.302 2.302 0 0 1 2.302 2.302v29.906a2.302 2.302 0 0 1-2.302 2.302H48.263a2.302 2.302 0 0 1-2.302-2.302v-29.906a2.302 2.302 0 0 1 2.302-2.302z"
/>
<path
fill="#fc8c48"
d="M97.263 151.245h31.475a2.302 2.302 0 0 1 2.302 2.302v29.906a2.302 2.302 0 0 1-2.302 2.302H97.263a2.302 2.302 0 0 1-2.302-2.302v-29.906a2.302 2.302 0 0 1 2.302-2.302z"
/>
<path
fill="#3a70bf"
d="M146.263 151.245h31.475a2.302 2.302 0 0 1 2.302 2.302v29.906a2.302 2.302 0 0 1-2.302 2.302h-31.475a2.302 2.302 0 0 1-2.302-2.302v-29.906a2.302 2.302 0 0 1 2.302-2.302z"
/>
<path
fill="#b2e26d"
d="M79.737 185.755a2.302 2.302 0 0 0 2.302-2.302v-8.767l-6.77-6.77a2.301 2.301 0 0 0-3.255 0l-17.839 17.839z"
/>
<path
fill="#87d147"
d="m66.975 172.955-10.529-10.529a2.301 2.301 0 0 0-3.255 0l-7.23 7.23v13.797a2.302 2.302 0 0 0 2.302 2.302h5.912z"
/>
<path
fill="#fcdd86"
d="M128.737 185.755a2.302 2.302 0 0 0 2.302-2.302v-8.767l-6.77-6.77a2.301 2.301 0 0 0-3.255 0l-17.839 17.839z"
/>
<path
fill="#f5c84c"
d="m115.975 172.955-10.529-10.529a2.301 2.301 0 0 0-3.255 0l-7.23 7.23v13.797a2.302 2.302 0 0 0 2.302 2.302h5.912z"
/>
<path
fill="#70d6f9"
d="M177.737 185.755a2.302 2.302 0 0 0 2.302-2.302v-8.767l-6.77-6.77a2.301 2.301 0 0 0-3.255 0l-17.839 17.839z"
/>
<path
fill="#3caadc"
d="m164.975 172.955-10.529-10.529a2.301 2.301 0 0 0-3.255 0l-7.23 7.23v13.797a2.302 2.302 0 0 0 2.302 2.302h5.912z"
/>
<path
fill="#fcdd86"
d="M147.292 106.711H78.708a6.917 6.917 0 0 0 .001 13.833h68.583a6.917 6.917 0 0 0 0-13.833z"
/>
<path
fill="#f5c84c"
d="M86.5 106.711h-7.792a6.917 6.917 0 0 0 .001 13.833H86.5z"
/>
<path
fill="#5290db"
d="M213.852 18.188H52.263a4.987 4.987 0 0 0-4.987 4.987v14.7h171.563v-14.7a4.987 4.987 0 0 0-4.987-4.987zM194.289 55.219H32.701a4.987 4.987 0 0 0-4.987 4.987v14.7h171.563v-14.7a4.989 4.989 0 0 0-4.988-4.987z"
/>
<path
fill="#fc657e"
d="M68.37 18.188H52.263a4.987 4.987 0 0 0-4.987 4.987v14.7H68.37zM48.807 55.219H32.701a4.987 4.987 0 0 0-4.987 4.987v14.7h21.094V55.219z"
/>
<path
d="M165.995 67.563H61.933a2.5 2.5 0 1 1 0-5h104.063a2.5 2.5 0 1 1-.001 5zM188.297 67.563h-10.205a2.5 2.5 0 1 1 0-5h10.205a2.5 2.5 0 1 1 0 5zM218.839 40.375H47.276a2.5 2.5 0 0 1-2.5-2.5v-14.7c0-4.129 3.358-7.487 7.487-7.487h161.588c4.129 0 7.487 3.358 7.487 7.487v14.7a2.498 2.498 0 0 1-2.499 2.5zm-169.063-5h166.563v-12.2a2.49 2.49 0 0 0-2.487-2.487H52.263a2.49 2.49 0 0 0-2.487 2.487z"
/>
<path
d="M185.558 30.531H81.495a2.5 2.5 0 1 1 0-5h104.063a2.5 2.5 0 1 1 0 5zM207.859 30.531h-10.205a2.5 2.5 0 1 1 0-5h10.205a2.5 2.5 0 1 1 0 5z"
/>
<path
fill="#f5c84c"
d="M238.608 91.883c-2.473-.46-4.421-2.37-4.891-4.792a.11.11 0 0 0-.217 0c-.47 2.422-2.419 4.331-4.891 4.792a.107.107 0 0 0 0 .213c2.473.461 4.421 2.37 4.891 4.792a.11.11 0 0 0 .217 0c.47-2.422 2.419-4.331 4.891-4.792a.107.107 0 0 0 0-.213z"
/>
<path
fill="#fc657e"
d="M226.23 248.181c-3.959.737-7.08 3.794-7.833 7.673a.177.177 0 0 1-.348 0c-.753-3.879-3.873-6.936-7.833-7.673a.171.171 0 0 1 0-.34c3.959-.737 7.08-3.794 7.833-7.673a.177.177 0 0 1 .348 0c.753 3.879 3.873 6.936 7.833 7.673a.171.171 0 0 1 0 .34z"
/>
<path
fill="#70d6f9"
d="M28.365 27.242h-1.824v1.824a2.473 2.473 0 1 1-4.946 0v-1.824h-1.824a2.473 2.473 0 1 1 0-4.946h1.824v-1.824a2.473 2.473 0 1 1 4.946 0v1.824h1.824a2.473 2.473 0 1 1 0 4.946z"
/>
<circle cx="40.276" cy="3.377" r="3.377" fill="#87d147" />
<circle cx="230.276" cy="226.373" r="3.377" fill="#f5c84c" />
<path
d="M199.276 77.406H27.714a2.5 2.5 0 0 1-2.5-2.5v-14.7c0-4.129 3.358-7.487 7.487-7.487h161.588c4.129 0 7.487 3.358 7.487 7.487v14.7a2.5 2.5 0 0 1-2.5 2.5zm-169.062-5h166.563v-12.2a2.49 2.49 0 0 0-2.487-2.487H32.701a2.49 2.49 0 0 0-2.487 2.487zM68.37 39.854a2.5 2.5 0 0 1-2.5-2.5V18.75a2.5 2.5 0 1 1 5 0v18.604a2.5 2.5 0 0 1-2.5 2.5zM213.852 218.969h-13.769a2.5 2.5 0 1 1 0-5h13.769a2.49 2.49 0 0 0 2.487-2.487V37.875a2.5 2.5 0 1 1 5 0v173.606c0 4.129-3.359 7.488-7.487 7.488z"
/>
<path
d="M47.276 57.156a2.5 2.5 0 0 1-2.5-2.5V37.875a2.5 2.5 0 1 1 5 0v16.781a2.5 2.5 0 0 1-2.5 2.5z"
/>
<path
d="M48.808 76.792a2.5 2.5 0 0 1-2.5-2.5V55.688a2.5 2.5 0 1 1 5 0v18.604a2.5 2.5 0 0 1-2.5 2.5zM61.5 94h-10a2.5 2.5 0 1 1 0-5h10a2.5 2.5 0 1 1 0 5zM72.008 198.893H55.992a2.5 2.5 0 1 1 0-5h16.016a2.5 2.5 0 1 1 0 5zM80.016 209.085H47.984a2.5 2.5 0 1 1 0-5h32.032a2.5 2.5 0 1 1 0 5zM80.016 219.276H47.984a2.5 2.5 0 1 1 0-5h32.032a2.5 2.5 0 1 1 0 5zM80.016 229.469H47.984a2.5 2.5 0 1 1 0-5h32.032a2.5 2.5 0 1 1 0 5zM80.016 239.66H47.984a2.5 2.5 0 1 1 0-5h32.032a2.5 2.5 0 1 1 0 5zM121.008 198.893h-16.016a2.5 2.5 0 1 1 0-5h16.016a2.5 2.5 0 1 1 0 5zM129.016 209.085H96.984a2.5 2.5 0 1 1 0-5h32.032a2.5 2.5 0 1 1 0 5zM129.016 219.276H96.984a2.5 2.5 0 1 1 0-5h32.032a2.5 2.5 0 1 1 0 5zM129.016 229.469H96.984a2.5 2.5 0 1 1 0-5h32.032a2.5 2.5 0 1 1 0 5zM129.016 239.66H96.984a2.5 2.5 0 1 1 0-5h32.032a2.5 2.5 0 1 1 0 5zM170.008 198.893h-16.016a2.5 2.5 0 1 1 0-5h16.016a2.5 2.5 0 1 1 0 5zM178.016 209.085h-32.031a2.5 2.5 0 1 1 0-5h32.031a2.5 2.5 0 1 1 0 5zM178.016 219.276h-32.031a2.5 2.5 0 1 1 0-5h32.031a2.5 2.5 0 1 1 0 5zM178.016 229.469h-32.031a2.5 2.5 0 1 1 0-5h32.031a2.5 2.5 0 1 1 0 5zM178.016 239.66h-32.031a2.5 2.5 0 1 1 0-5h32.031a2.5 2.5 0 1 1 0 5zM79.737 188.255H48.263a4.808 4.808 0 0 1-4.802-4.802v-29.906a4.808 4.808 0 0 1 4.802-4.802h31.475a4.808 4.808 0 0 1 4.802 4.802v29.906a4.809 4.809 0 0 1-4.803 4.802zm-31.276-5h31.078v-29.51H48.461zm31.276-29.51h.01zM128.737 188.255H97.263a4.808 4.808 0 0 1-4.802-4.802v-29.906a4.808 4.808 0 0 1 4.802-4.802h31.475a4.808 4.808 0 0 1 4.802 4.802v29.906a4.809 4.809 0 0 1-4.803 4.802zm-31.276-5h31.078v-29.51H97.461zm31.276-29.51h.01zM177.737 188.255h-31.475a4.808 4.808 0 0 1-4.802-4.802v-29.906a4.808 4.808 0 0 1 4.802-4.802h31.475a4.808 4.808 0 0 1 4.802 4.802v29.906a4.807 4.807 0 0 1-4.802 4.802zm-31.276-5h31.078v-29.51h-31.078zm31.276-29.51h.01z"
/>
<path
d="M54.496 187.934a2.498 2.498 0 0 1-1.768-4.267l17.518-17.518a4.809 4.809 0 0 1 6.79-.001l6.613 6.613a2.5 2.5 0 1 1-3.536 3.535l-6.473-6.472-17.378 17.377a2.486 2.486 0 0 1-1.766.733z"
/>
<path
d="M66.685 175.165c-.64 0-1.28-.244-1.768-.732l-10.099-10.099-6.784 6.783a2.498 2.498 0 0 1-3.535 0 2.498 2.498 0 0 1 0-3.535l6.924-6.924a4.809 4.809 0 0 1 6.79-.001l10.24 10.24a2.498 2.498 0 0 1-1.768 4.268zM103.699 187.73a2.498 2.498 0 0 1-1.768-4.267l17.314-17.314a4.809 4.809 0 0 1 6.79-.001l6.629 6.63c.977.977.977 2.56 0 3.535a2.498 2.498 0 0 1-3.535 0l-6.489-6.488-17.174 17.174a2.492 2.492 0 0 1-1.767.731z"
/>
<path
d="M115.549 175.029c-.64 0-1.28-.244-1.768-.732l-9.963-9.963-6.732 6.731a2.498 2.498 0 0 1-3.535 0 2.498 2.498 0 0 1 0-3.535l6.872-6.872a4.809 4.809 0 0 1 6.79-.001l10.104 10.104a2.498 2.498 0 0 1-1.768 4.268zM152.621 187.809a2.498 2.498 0 0 1-1.768-4.267l17.393-17.393a4.81 4.81 0 0 1 6.79-.001l6.439 6.439a2.499 2.499 0 1 1-3.535 3.535l-6.299-6.299-17.253 17.253a2.491 2.491 0 0 1-1.767.733z"
/>
<path
d="M164.72 175.2c-.64 0-1.279-.244-1.768-.732l-10.135-10.134-6.695 6.694a2.499 2.499 0 1 1-3.535-3.535l6.836-6.835a4.805 4.805 0 0 1 6.79 0l10.274 10.274a2.498 2.498 0 0 1-1.767 4.268zM198.5 138h-170a2.5 2.5 0 1 1 0-5h170a2.5 2.5 0 1 1 0 5zM147.291 123.044H78.708c-5.192 0-9.417-4.225-9.417-9.417s4.224-9.416 9.416-9.416h68.584c5.192 0 9.416 4.224 9.416 9.416s-4.224 9.417-9.416 9.417zm-68.583-13.833a4.421 4.421 0 0 0-4.416 4.416 4.421 4.421 0 0 0 4.417 4.417h68.583a4.421 4.421 0 0 0 4.417-4.417 4.421 4.421 0 0 0-4.416-4.416z"
/>
<path
d="M86.5 122a2.5 2.5 0 0 1-2.5-2.5v-11.813a2.5 2.5 0 1 1 5 0V119.5a2.5 2.5 0 0 1-2.5 2.5z"
/>
</svg>
More icons in the same style and category