Add icons to this collection by clicking the heart icon.
Computer icon - also known as technology, computer, screen, television, tv, and monitor. Created in a clean others style with a white, gray, and navy 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="100"
height="100"
viewBox="0 0 512 512"
>
<path
d="M202.667 234.667h84.59c-2.493 20.615-11.418 42.667-20.59 42.667A10.66 10.66 0 0 0 256 288.001a10.66 10.66 0 0 0 10.667 10.667h128a10.66 10.66 0 0 0 10.667-10.667 10.66 10.66 0 0 0-10.667-10.667c-9.172 0-18.096-22.052-20.59-42.667h84.59c17.646 0 32-14.354 32-32V32c0-17.646-14.354-32-32-32h-256c-17.646 0-32 14.354-32 32v170.667c0 17.646 14.354 32 32 32z"
fill="#303c42"
/>
<path
d="M364.854 277.333h-68.375c7.138-13.021 10.855-29.531 12.208-42.667h43.96c1.353 13.136 5.069 29.647 12.207 42.667zM458.667 213.333h-256c-5.875 0-10.667-4.781-10.667-10.667V192h277.333v10.667c0 5.885-4.791 10.666-10.666 10.666z"
fill="#f2f2f2"
/>
<path
d="M202.667 21.333h256c5.875 0 10.667 4.781 10.667 10.667v138.667H192V32c0-5.885 4.792-10.667 10.667-10.667z"
fill="#5c6671"
/>
<linearGradient
id="a"
x1="-37.768"
x2="-24.559"
y1="644.956"
y2="638.794"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity=".2" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</linearGradient>
<path
d="M202.667 21.333h256c5.875 0 10.667 4.781 10.667 10.667v138.667H192V32c0-5.885 4.792-10.667 10.667-10.667z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-36.13"
x2="-26.276"
y1="646.764"
y2="636.911"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity=".2" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</linearGradient>
<path
d="M202.667 21.333h256c5.875 0 10.667 4.781 10.667 10.667v138.667H192V32c0-5.885 4.792-10.667 10.667-10.667z"
fill="url(#b)"
/>
<path
d="M448 373.333c-20.827 0-64 11.598-85.885 17.885-2.904-30.609-42.125-41.444-82.656-49.677-18.5-3.75-32.271-10.385-45.583-16.813-16.417-7.917-31.917-15.396-52.542-15.396-23.618 0-45.142 4.831-57.288 8.173-3.211-11.172-12.32-20.177-24.421-22.59L12.75 277.542a10.705 10.705 0 0 0-8.854 2.208A10.705 10.705 0 0 0 0 288v170.667a10.66 10.66 0 0 0 10.667 10.667H77.5c13.172 0 24.397-8.379 29.223-20.142C130.625 460.586 241.081 512 288 512c41.375 0 126.563-41.875 182.917-69.583 14.688-7.219 26.833-13.198 34.708-16.646A10.681 10.681 0 0 0 512 416c0-25.125-26.312-42.667-64-42.667z"
fill="#303c42"
/>
<path
d="M77.5 448H21.333V301.01l74.125 14.823c5.542 1.115 9.271 6.365 8.458 11.969L88.063 438.844C87.313 444.063 82.771 448 77.5 448z"
fill="#29b6f6"
/>
<path
d="M21.333 384v64H77.5c5.271 0 9.813-3.938 10.563-9.156L95.893 384h-74.56z"
opacity=".1"
/>
<path
d="M461.5 423.271c-51.271 25.208-137.083 67.396-173.5 67.396-38.792 0-140.688-45.427-176.667-62.927-.04-.02-.085-.013-.125-.031l12.551-87.904c7.772-2.431 31.518-9.138 57.574-9.138 15.75 0 27.896 5.865 43.292 13.281 13.813 6.667 29.479 14.219 50.583 18.51 46.354 9.396 66.125 19.031 66.125 32.208 0 2.604-.792 4.208-2.813 5.719-6.792 5.073-33.271 13.594-132.813-15.948-5.729-1.646-11.604 1.552-13.271 7.198-1.667 5.646 1.542 11.583 7.188 13.26 49.146 14.563 86.708 21.823 113.333 21.823 17.354 0 30.083-3.083 38.313-9.24.708-.529 3.203-1.74 3.875-1.948C374 409.729 427.438 394.667 448 394.667c17.396 0 35.708 5.281 41.083 15.208-7.437 3.5-16.833 8.125-27.583 13.396z"
fill="#8d6e63"
/>
<linearGradient
id="c"
x1="-42.064"
x2="-35.204"
y1="629.301"
y2="622.441"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#000" stop-opacity=".1" />
<stop offset="1" stop-color="#000" stop-opacity="0" />
</linearGradient>
<path
d="m123.428 342.117-12.22 85.591c.04.018.085.012.125.031 31.271 15.21 112.292 51.483 158.441 60.724L123.428 342.117z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-31.718"
x2="-29.402"
y1="636"
y2="633.683"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#000" stop-opacity=".1" />
<stop offset="1" stop-color="#000" stop-opacity="0" />
</linearGradient>
<path
d="M364.854 277.333c-7.138-13.021-10.854-29.531-12.207-42.667h-43.96l42.667 42.667h13.5z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-43.803"
x2="-21.707"
y1="639.313"
y2="629.009"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity=".2" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</linearGradient>
<path
d="M202.667 234.667h84.59c-2.493 20.615-11.418 42.667-20.59 42.667A10.66 10.66 0 0 0 256 288.001a10.66 10.66 0 0 0 10.667 10.667h128a10.66 10.66 0 0 0 10.667-10.667 10.66 10.66 0 0 0-10.667-10.667c-9.172 0-18.096-22.052-20.59-42.667h84.59c17.646 0 32-14.354 32-32V32c0-17.646-14.354-32-32-32h-256c-17.646 0-32 14.354-32 32v170.667c0 17.646 14.354 32 32 32zM448 373.333c-20.827 0-64 11.598-85.885 17.885-2.904-30.609-42.125-41.444-82.656-49.677-18.5-3.75-32.271-10.385-45.583-16.813-16.417-7.917-31.917-15.396-52.542-15.396-23.618 0-45.142 4.831-57.288 8.173-3.211-11.172-12.32-20.177-24.421-22.59L12.75 277.542a10.705 10.705 0 0 0-8.854 2.208A10.705 10.705 0 0 0 0 288v170.667a10.66 10.66 0 0 0 10.667 10.667H77.5c13.172 0 24.397-8.379 29.223-20.142C130.625 460.586 241.081 512 288 512c41.375 0 126.563-41.875 182.917-69.583 14.688-7.219 26.833-13.198 34.708-16.646A10.681 10.681 0 0 0 512 416c0-25.125-26.312-42.667-64-42.667z"
fill="url(#e)"
/>
</svg>
More icons in the same style and category