Add icons to this collection by clicking the heart icon.
Computer icon - also known as computer, monitor, cube, graphic design, geometric shape, ui, and art and design. Created in a clean lineal color style with a white, gray, black, yellow, navy, purple, 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 0c0 22.32-18.093 40.413-40.412 40.413H-72.04c-45.491 0-59.489-18.125-59.489-40.413 0-10.954 11.38-19.829 38.907-19.829h72.793C-8.864-19.829 0-10.949 0 0"
transform="translate(331.303 38.625)"
fill="#5c547e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 22.288 18.059 40.413 40.412 40.413H2.259c-22.354 0-40.412-18.125-40.412-40.413 0-10.954 8.875-19.829 19.829-19.829H19.83C8.876-19.829 0-10.954 0 0"
transform="translate(218.85 38.625)"
fill="#453b5e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v66.351h-47.524V0c0-12.163 6.359-27.459 29.787-27.459C-7.248-22.719 0-12.158 0 0"
transform="translate(286.121 86.568)"
fill="#453b5e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v66.351h-24.767V0c0-16.537 13.398-30.121 30.121-30.121 4.425 0 8.612.958 12.384 2.662C7.251-22.72 0-12.163 0 0"
transform="translate(250.645 86.568)"
fill="#392e4d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v224.403c0 38.264-31.015 69.279-69.278 69.279h-301.547c-76.977 0-96.556-31.015-96.556-69.279V0l27.277-25.436h411.489z"
transform="translate(504.5 199.523)"
fill="#f3f3fc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v224.403c0 38.264 31.015 69.279 69.279 69.279H12.383c-38.264 0-69.279-31.015-69.279-69.279V0l27.277-25.436h18.909L.04-.037Z"
transform="translate(64.395 199.523)"
fill="#dadafc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-440.066l.04-.037c-62.207-12.764-15.017-67.735 69.239-67.735 11.775-1.115 203.135 0 301.547 0C-31.481-67.772-.804-37.565 0 0"
transform="translate(504.462 199.523)"
fill="#5c547e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-.04.037h-56.857c.803-37.565 31.481-67.772 69.24-67.772h56.896C31.492-67.735.823-37.549 0 0"
transform="translate(64.436 199.485)"
fill="#453b5e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 6.175 17.588a17.877 17.877 0 0 1-9.388 7.289l-53.46 17.817c-46.979 5.416-75.904-20.686-61.693-56.668l37.039-11.127z"
transform="translate(337.327 376.568)"
fill="#fce683"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-18.991 6.33a17.912 17.912 0 0 1-11.326 0l-72.452-24.147a17.884 17.884 0 0 1-9.387-7.289l6.175-18.257 44.288-13.305C-51.165-29.391-28.335-8.233 0 0"
transform="translate(280.654 419.263)"
fill="#fcd454"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 14.563 12.718v80.323L0 104.46l-30.278 9.314C-74.55 102.412-76.056 35.895-22.325 6.478L-5.663.924A17.956 17.956 0 0 1 0 0"
transform="translate(256 262.777)"
fill="#fcd454"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-57.224 17.604a17.865 17.865 0 0 1-2.861-9.708v-79.601c0-7.711 4.93-14.559 12.249-16.998l55.789-18.594C-5.187-91.08-13.064-70.425-13.064-47.926-13.064-30.429-8.298-14.048 0 0"
transform="translate(225.722 376.552)"
fill="#fcba38"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-79.601c0-7.711-4.93-14.558-12.249-16.998L-84.7-120.746a17.956 17.956 0 0 0-5.663-.924v104.46L-2.861 9.709A17.868 17.868 0 0 0 0 0"
transform="translate(346.363 384.447)"
fill="#fcba38"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h35.644c38.263 0 69.278-31.015 69.278-69.278v-222.898c0-38.263-31.015-69.278-69.278-69.278h-149.101"
transform="translate(399.578 493.204)"
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-65.765c-38.263 0-69.278 31.015-69.278 69.278v222.898c0 38.263 31.015 69.278 69.278 69.278h287.659"
transform="translate(142.543 131.75)"
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-48.194"
transform="translate(225.879 131.75)"
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-72.451 24.147a17.912 17.912 0 0 1-11.326 0L-156.229 0c-7.43-2.483-12.249-9.413-12.249-16.998v-79.601c0-7.711 4.93-14.558 12.249-16.998l72.452-24.147a17.82 17.82 0 0 1 11.326 0L0-113.597a17.914 17.914 0 0 1 12.249 16.998v79.601C12.249-9.409 7.427-2.481 0 0Z"
transform="translate(334.114 401.445)"
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 87.502-26.919L175.004 0"
transform="translate(168.498 394.156)"
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 0v104.46"
transform="translate(256 262.777)"
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 0h5.724c22.319 0 40.412-18.093 40.412-40.413 0-10.949-8.865-19.829-19.829-19.829H-84.641c-10.954 0-19.829 8.875-19.829 19.829C-104.47-18.125-86.411 0-64.058 0h5.724"
transform="translate(285.167 79.038)"
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.724 0-30.121 13.583-30.121 30.121v45.182h60.242V30.121C30.121 13.592 16.731 0 0 0Z"
transform="translate(256 56.447)"
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 199.523)"
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