Add icons to this collection by clicking the heart icon.
Computer icon - also known as computer, interface, message, monitor, envelope, email, mail, multimedia, mails, communications, and envelopes. Created in a clean lineal color style with a white 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="M469.333 21.333H42.667C19.135 21.333 0 40.469 0 64v298.667c0 23.531 19.135 42.667 42.667 42.667h149.362c-.46 17.052-3.728 44.306-15.893 57.104-4.469 4.708-9.604 6.896-16.135 6.896a10.66 10.66 0 0 0-10.667 10.667 10.66 10.66 0 0 0 10.667 10.667h192a10.66 10.66 0 0 0 10.667-10.667 10.66 10.66 0 0 0-10.667-10.667c-6.531 0-11.667-2.188-16.135-6.896-12.165-12.798-15.434-40.052-15.893-57.104h149.362c23.531 0 42.667-19.135 42.667-42.667V64c-.002-23.531-19.137-42.667-42.669-42.667z"
fill="#303c42"
/>
<path
d="M42.667 42.667h426.667c11.76 0 21.333 9.573 21.333 21.333v234.667H21.333V64c0-11.76 9.573-21.333 21.334-21.333z"
fill="#cfe8fc"
/>
<path
d="M469.333 384H42.667c-11.76 0-21.333-9.573-21.333-21.333V320h469.333v42.667c0 11.76-9.573 21.333-21.334 21.333zM314.271 469.333H197.729c12.882-19.749 15.374-48.188 15.695-64h85.151c.322 15.813 2.814 44.252 15.696 64z"
fill="#f2f2f2"
/>
<circle cx="256" cy="352" r="21.333" fill="#303c42" />
<linearGradient
id="a"
x1="-35.701"
x2="-31.837"
y1="628.482"
y2="624.619"
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="M314.271 469.333c-12.882-19.749-15.374-48.188-15.695-64h-85.151l64 64h36.846z"
fill="url(#a)"
/>
<path
d="M181.333 256h149.333c17.646 0 32-14.354 32-32V117.333c0-17.646-14.354-32-32-32H181.333c-17.646 0-32 14.354-32 32V224c0 17.646 14.355 32 32 32z"
fill="#303c42"
/>
<path
d="M330.667 234.667H181.333c-5.885 0-10.667-4.781-10.667-10.667v-94.815l72.792 59.565A23.129 23.129 0 0 0 256 192.458c4.406 0 8.74-1.271 13.552-4.427l71.781-58.828V224c0 5.885-4.781 10.667-10.666 10.667z"
fill="#fafafa"
/>
<path
d="M330.667 106.667c1.283 0 2.477.315 3.616.73l-78.293 64.134-78.275-64.134c1.139-.417 2.336-.73 3.618-.73h149.334z"
fill="#fff"
/>
<linearGradient
id="b"
x1="-36.703"
x2="-30.378"
y1="642.429"
y2="636.103"
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="M330.667 234.667c5.885 0 10.667-4.781 10.667-10.667v-94.797l-71.781 58.828c-4.813 3.156-9.146 4.427-13.552 4.427a23.129 23.129 0 0 1-12.542-3.708l-72.792-59.565 105.482 105.482h54.518z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-35.198"
x2="-26.205"
y1="638.975"
y2="629.982"
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="m354.784 96.405-.065.049c4.885 5.62 7.948 12.866 7.948 20.879V224c0 17.646-14.354 32-32 32H181.333c-8.743 0-16.664-3.538-22.445-9.241l51.909 51.908h279.87v-66.379L354.784 96.405z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-47.656"
x2="-22.241"
y1="641.885"
y2="630.033"
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="M469.333 21.333H42.667C19.135 21.333 0 40.469 0 64v298.667c0 23.531 19.135 42.667 42.667 42.667h149.362c-.46 17.052-3.728 44.306-15.893 57.104-4.469 4.708-9.604 6.896-16.135 6.896a10.66 10.66 0 0 0-10.667 10.667 10.66 10.66 0 0 0 10.667 10.667h192a10.66 10.66 0 0 0 10.667-10.667 10.66 10.66 0 0 0-10.667-10.667c-6.531 0-11.667-2.188-16.135-6.896-12.165-12.798-15.434-40.052-15.893-57.104h149.362c23.531 0 42.667-19.135 42.667-42.667V64c-.002-23.531-19.137-42.667-42.669-42.667z"
fill="url(#d)"
/>
</svg>
More icons in the same style and category