Add icons to this collection by clicking the heart icon.
User Interface icon - also known as computer, screen, monitor, imac, app, ui design, and user interface. Created in a clean soft fill style with a silver, gray, black, teal, and orange 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="512"
height="512"
viewBox="0 0 60 60"
>
<path fill="#bdc2cc" d="M21 48h18v7H21z" />
<path
fill="#d9dde3"
d="M56 41v5a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3v-5l1-1h50z"
/>
<path fill="#435e68" d="M56 8v33H4V8a3 3 0 0 1 3-3h46a3 3 0 0 1 3 3z" />
<rect
width="28"
height="44"
x="16"
y="1"
fill="#5a7b84"
rx="1"
transform="rotate(90 30 23)"
/>
<path
fill="#d9dde3"
d="M16 54h28a2 2 0 0 1 2 2v2a1 1 0 0 1-1 1H15a1 1 0 0 1-1-1v-2a2 2 0 0 1 2-2z"
/>
<path fill="#51c0e8" d="M14 6h22v22H14z" />
<path
fill="#cfd2da"
d="M36 3v3H14V3a2.006 2.006 0 0 1 2-2h18a2.006 2.006 0 0 1 2 2zM36 28v3a2.006 2.006 0 0 1-2 2H16a2.006 2.006 0 0 1-2-2v-3z"
/>
<rect width="14" height="6" x="18" y="10" fill="#419fc1" rx="1" />
<rect width="6" height="4" x="26" y="20" fill="#3491aa" rx="1" />
<rect width="4" height="4" x="18" y="20" fill="#419fc1" rx="1" />
<circle cx="25" cy="30.5" r="2.5" fill="#b3b8c1" />
<path fill="#a08470" d="m40 24 3-1 3 1-2.11 4.45a1 1 0 0 1-1.78 0z" />
<path fill="#f5ba32" d="m40 10.003 3-1 3 1v14h-6z" />
<path fill="#cfd2da" d="m40 6.003 3-1 3 1v4h-6z" />
<path fill="#ec5e69" d="M41 1h4a1 1 0 0 1 1 1v4h-6V2a1 1 0 0 1 1-1z" />
<g fill="#373737">
<path
d="M53 4h-6V2a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v2h-2V3a3 3 0 0 0-3-3H16a3 3 0 0 0-3 3v1H7a4 4 0 0 0-4 4v28a1 1 0 0 0 2 0V8a2 2 0 0 1 2-2h6v2H9a2 2 0 0 0-2 2v26a2 2 0 0 0 2 2h42a2 2 0 0 0 2-2V10a2 2 0 0 0-2-2h-4V6h6a2 2 0 0 1 2 2v32H4a1 1 0 0 0-1 1v5a4 4 0 0 0 4 4h13v3h-4a3 3 0 0 0-3 3v2a2 2 0 0 0 2 2h30a2 2 0 0 0 2-2v-2a3 3 0 0 0-3-3h-4v-3h13a4 4 0 0 0 4-4V8a4 4 0 0 0-4-4zm-8 19h-4V11h4zm-.574 2-1.416 3.02L41.58 25zM45 9h-4V7h4zm0-7v3h-4V2zm-6 4v2h-2V6zM15 7h20v20H15zm0 22h6.851a3.381 3.381 0 0 0 0 3H16a1 1 0 0 1-1-1zm8.5 1.5A1.5 1.5 0 1 1 25 32a1.5 1.5 0 0 1-1.5-1.5zm4.649-1.5H35v2a1 1 0 0 1-1 1h-5.851a3.381 3.381 0 0 0 0-3zM15 3a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1v2H15zm36 7v26H9V10h4v21a3 3 0 0 0 3 3h18a3 3 0 0 0 3-3V10h2v14a1.006 1.006 0 0 0 .1.428l2.115 4.466a2 2 0 0 0 3.588-.019l2.097-4.447A1.006 1.006 0 0 0 47 24V10zm-6 46v2H15v-2a1 1 0 0 1 1-1h28a1 1 0 0 1 1 1zm-7-3H22v-3h16zm15-5H7a2 2 0 0 1-2-2v-4h50v4a2 2 0 0 1-2 2z"
/>
<path
d="M19 17h12a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2H19a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2zm0-6h12v4H19zM31 19h-4a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2v-2a2 2 0 0 0-2-2zm-4 4v-2h4v2zM21 19h-2a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2v-2a2 2 0 0 0-2-2zm-2 4v-2h2v2zM31 44h-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2z"
/>
</g>
</svg>
More icons in the same style and category