Add icons to this collection by clicking the heart icon.
Web Interface icon - also known as interface, web design, website, browser, web page, content, responsive, seo and web, and web interface. Created in a clean lineal color 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0h-186.373v16.062c0 8.284 6.716 15 15 15H-15c8.284 0 15-6.716 15-15z"
transform="translate(349.187 38.36)"
fill="#3e4f55"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-50c-8.284 0-15-6.716-15-15v-16.062h50V-15C-15-6.716-8.284 0 0 0"
transform="translate(227.814 69.423)"
fill="#303d42"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M287.062 69.424h-62.125v47.719h62.125z"
fill="#d7e4f7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h17.125v20H-45v-47.719h30V-15C-15-6.716-8.284 0 0 0"
transform="translate(269.938 97.143)"
fill="#bed2ee"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-466.996c-8.284 0-15 6.716-15 15v326.09c0 8.285 6.716 15 15 15H0c8.284 0 15-6.715 15-15V15C15 6.716 8.284 0 0 0"
transform="translate(489.498 117.143)"
fill="#3e4f55"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M473.436 179.673H38.565v262.498h434.871z"
fill="#77d4f5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v262.498h18.937v16.062c0 8.284 6.716 15 15.001 15h-50c-8.285 0-15-6.716-15-15V-47.53c0-8.284 6.715-15 15-15h50c-8.285 0-15.001 6.716-15.001 15V0z"
transform="translate(38.565 179.673)"
fill="#303d42"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M38.564 179.673h18.937v262.498H38.564Z"
fill="#68b3f3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-59.99h-434.881v262.5H0V32.68"
transform="translate(473.44 239.66)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h46.431v16.06c0 8.28-6.721 15-15 15H-124.95c-8.279 0-15-6.72-15-15V0h107.261"
transform="translate(302.76 38.364)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M287.062 69.424h-62.125v47.719h62.125z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h62.125"
transform="translate(224.938 147.08)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h279.28c8.281 0 15-6.71 15-15v-326.09c0-8.28-6.719-15-15-15h-467c-8.28 0-15 6.72-15 15V-15c0 8.29 6.72 15 15 15h155.031"
transform="translate(210.22 473.23)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M162.813 207H69.626v204.311h93.187z"
fill="#ff405c"
fill-opacity="1"
fill-rule="nonzero"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M256 349.187h-62.124v62.125H256Z"
fill="#ffda2d"
fill-opacity="1"
fill-rule="nonzero"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M349.187 349.187h-62.124v62.125h62.124z"
fill="#36f595"
fill-opacity="1"
fill-rule="nonzero"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M442.373 349.187h-62.124v62.125h62.124z"
fill="#e9f1ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h62.124"
transform="translate(193.876 318.125)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h62.124"
transform="translate(193.876 287.062)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h62.124"
transform="translate(287.063 318.125)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h62.124"
transform="translate(287.063 287.062)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h62.124"
transform="translate(287.063 256)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h62.124"
transform="translate(380.249 318.125)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h62.124"
transform="translate(380.249 287.062)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h62.124"
transform="translate(380.249 256)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h62.124"
transform="translate(380.249 224.938)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category