Add icons to this collection by clicking the heart icon.
Binary icon - also known as computer, interface, screen, monitor, desktop computer, ui, coding, binary code, binary, codes, and binary codes. 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="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="#5c6671"
/>
<linearGradient
id="a"
x1="-45.807"
x2="-23.44"
y1="643.482"
y2="633.049"
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="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="url(#a)"
/>
<linearGradient
id="b"
x1="-43.056"
x2="-26.35"
y1="646.545"
y2="629.838"
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="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="url(#b)"
/>
<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="c"
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(#c)"
/>
<path
d="M394.667 234.667H416c17.646 0 32-14.354 32-32v-64c0-17.646-14.354-32-32-32h-21.333c-17.646 0-32 14.354-32 32v64c0 17.646 14.354 32 32 32zM416 213.333h-21.333c-4.576 0-8.411-2.931-9.922-6.995l41.922-41.922v38.25c0 5.886-4.792 10.667-10.667 10.667zM394.667 128H416c4.576 0 8.414 2.931 9.923 6.993L384 176.917v-38.25c0-5.886 4.792-10.667 10.667-10.667zM96 234.667h21.333c17.646 0 32-14.354 32-32v-64c0-17.646-14.354-32-32-32H96c-17.646 0-32 14.354-32 32v64c0 17.646 14.354 32 32 32zm21.333-21.334H96c-4.576 0-8.411-2.931-9.922-6.995L128 164.417v38.25c0 5.885-4.792 10.666-10.667 10.666zM96 128h21.333c4.576 0 8.414 2.931 9.923 6.993l-41.923 41.923v-38.25C85.333 132.781 90.125 128 96 128zM288 213.333A10.66 10.66 0 0 0 277.333 224 10.66 10.66 0 0 0 288 234.667h42.667A10.66 10.66 0 0 0 341.334 224a10.66 10.66 0 0 0-10.667-10.667H320v-96a10.67 10.67 0 0 0-5.063-9.073 10.593 10.593 0 0 0-10.375-.469l-21.333 10.667c-5.271 2.635-7.396 9.042-4.771 14.313 2.646 5.281 9.021 7.385 14.313 4.771l5.896-2.948v78.74H288zM181.333 213.333A10.66 10.66 0 0 0 170.666 224a10.66 10.66 0 0 0 10.667 10.667H224A10.66 10.66 0 0 0 234.667 224 10.66 10.66 0 0 0 224 213.333h-10.667v-96a10.67 10.67 0 0 0-5.063-9.073 10.59 10.59 0 0 0-10.375-.469l-21.333 10.667c-5.271 2.635-7.396 9.042-4.771 14.313 2.646 5.281 9.042 7.385 14.313 4.771l5.896-2.948v78.74h-10.667z"
fill="#303c42"
/>
<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