Add icons to this collection by clicking the heart icon.
Computer icon - also known as computer, internet, online, web, laptop, website, browser, and webpage. Created in a clean lineal color style with a white, silver, gray, black, teal, navy, 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="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 0v-60h30c16.568 0 30 13.432 30 30z"
transform="translate(444.5 67.5)"
fill="#636da4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-78.576-30c0-16.568 13.431-30 30-30h188.5l30 30 30-30h158.5c16.568 0 30 13.432 30 30V0Z"
transform="translate(86.076 67.5)"
fill="#7587b3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 30-30h60l30 30-60 30Z"
transform="translate(196 37.5)"
fill="#3e3986"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30v-377l30 30c16.5 0 30 13.5 30 30v287C30-13.5 16.5 0 0 0"
transform="translate(444.5 429.5)"
fill="#636da4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 16.5-13.5 30-30 30h-347c-16.5 0-30-13.5-30-30v-287c0-16.5 13.5-30 30-30l188.5-30L-30-317c16.5 0 30 13.5 30 30l-188.5 138.5z"
transform="translate(444.5 399.5)"
fill="#7587b3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-21.094 31.641A30 30 0 0 1-46.056 45h-30L-30 0Z"
transform="translate(504.5 37.5)"
fill="#9abbd0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a30.003 30.003 0 0 1-24.962-13.359L-46.056-45h467l-21.093 31.641A30.003 30.003 0 0 1 374.889 0Z"
transform="translate(53.556 82.5)"
fill="#acd5df"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-158.5-148.5L0-287h30V0Z"
transform="translate(414.5 399.5)"
fill="#c4f3ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M67.5 112.5h347v287h-347z"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-152c-8.284 0-15-6.716-15-15v-15L0-50Z"
transform="translate(294.5 504.5)"
fill="#4fdbff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30l-15-90 60 30v45C15-6.716 8.284 0 0 0"
transform="translate(369.5 504.5)"
fill="#338ed9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-16.568 0-30-13.432-30-30h-137v-30L60-90v75c0 8.284-6.716 15-15 15Z"
transform="translate(294.5 504.5)"
fill="#23aeec"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-60-94.25L0-188.5h30V0Z"
transform="translate(354.5 444.5)"
fill="#ffb35c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M127.5 256h227v188.5h-227z"
fill="#ffd06a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-4.143-3.357-7.5-7.5-7.5A7.499 7.499 0 0 0-15 0c0 4.143 3.357 7.5 7.5 7.5S0 4.143 0 0"
transform="translate(362 474.5)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-4.143-3.357-7.5-7.5-7.5A7.499 7.499 0 0 0-15 0c0 4.143 3.357 7.5 7.5 7.5S0 4.143 0 0"
transform="translate(332 474.5)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-4.143-3.357-7.5-7.5-7.5A7.499 7.499 0 0 0-15 0c0 4.143 3.357 7.5 7.5 7.5S0 4.143 0 0"
transform="translate(302 474.5)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-30h377v287h-60"
transform="translate(67.5 142.5)"
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 0h-60v-227"
transform="translate(127.5 399.5)"
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 0h-60c-16.5 0-30-13.5-30-30v-287c0-16.5 13.5-30 30-30h377c16.5 0 30 13.5 30 30v287c0 16.5-13.5 30-30 30h-60"
transform="translate(127.5 429.5)"
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 0h-404.889a30.003 30.003 0 0 1-24.962-13.359L-450.944-45c0-16.5 13.5-30 30-30h437c16.5 0 30 13.5 30 30L24.962-13.359A30.003 30.003 0 0 1 0 0Z"
transform="translate(458.444 82.5)"
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 0h497"
transform="translate(7.5 37.5)"
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 0-30 30"
transform="translate(226 7.5)"
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 0 30 30"
transform="translate(286 7.5)"
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 0h-257v233.5c0 8.284 6.716 15 15 15h227c8.284 0 15-6.716 15-15z"
transform="translate(384.5 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 0c-16.568 0-30-13.432-30-30h-137"
transform="translate(294.5 504.5)"
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 0h-257"
transform="translate(384.5 444.5)"
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