Add icons to this collection by clicking the heart icon.
User Interface icon - also known as laptop, web design, layout, browser, task, seo and web, edit tools, ui design, and user interface. Created in a clean flat style with a white, silver, gray, teal, purple, 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 256 256"
>
<path
fill="#58595b"
d="M227.104 207.722v-127c0-5.523-4.477-10-10-10H38.896c-5.523 0-10 4.477-10 10v127z"
/>
<circle cx="128" cy="79.882" r="3.667" fill="#939598" />
<path
fill="#808285"
d="M129.39 76.492c.176.429.277.897.277 1.39A3.667 3.667 0 0 1 126 81.549c-.493 0-.961-.1-1.39-.277a3.665 3.665 0 1 0 4.78-4.78z"
/>
<path
fill="#414042"
d="M221.213 71.612a9.95 9.95 0 0 1 .89 4.11v123a4 4 0 0 1-4 4H28.896v5h198.208v-127c0-4.056-2.42-7.541-5.891-9.11z"
/>
<path
fill="#478cf7"
d="M212.41 207.722V94.199a5 5 0 0 0-5-5H48.59a5 5 0 0 0-5 5v113.523z"
/>
<path
fill="#ffc91d"
d="M147.378 168.019v-19.744a5 5 0 0 0-5-5h-28.755a5 5 0 0 0-5 5v19.744a5 5 0 0 0 5 5h28.755a5 5 0 0 0 5-5z"
/>
<path
fill="#fff"
d="M147.377 184.486h-38.755a2 2 0 0 1 0-4h38.755a2 2 0 0 1 0 4zM147.377 194.214h-38.755a2 2 0 0 1 0-4h38.755a2 2 0 0 1 0 4z"
/>
<path
fill="#ffc91d"
d="M99.255 168.019v-19.744a5 5 0 0 0-5-5H65.5a5 5 0 0 0-5 5v19.744a5 5 0 0 0 5 5h28.755a5 5 0 0 0 5-5z"
/>
<path
fill="#fff"
d="M99.255 184.486H60.5a2 2 0 0 1 0-4h38.755a2 2 0 0 1 0 4zM99.255 194.214H60.5a2 2 0 0 1 0-4h38.755a2 2 0 0 1 0 4z"
/>
<path
fill="#ffc91d"
d="M195.5 168.019v-19.744a5 5 0 0 0-5-5h-28.755a5 5 0 0 0-5 5v19.744a5 5 0 0 0 5 5H190.5a5 5 0 0 0 5-5z"
/>
<path
fill="#fff"
d="M195.5 184.486h-38.755a2 2 0 0 1 0-4H195.5a2 2 0 0 1 0 4zM195.5 194.214h-38.755a2 2 0 0 1 0-4H195.5a2 2 0 0 1 0 4z"
/>
<path
fill="#6c2bc1"
d="M195.5 128.861v-19.744a5 5 0 0 0-5-5h-125a5 5 0 0 0-5 5v19.744a5 5 0 0 0 5 5h125a5 5 0 0 0 5-5z"
/>
<path
fill="#5e9cf7"
d="M49.59 158.048a2 2 0 0 1-2-2v-50a2 2 0 0 1 4 0v50a2 2 0 0 1-2 2zm0-58.037c-1.104 0-2-.858-2-1.963v-.074a2 2 0 0 1 4 0c0 1.104-.895 2.037-2 2.037z"
/>
<path
fill="#377de2"
d="M207.409 89.199h-5v103.523a5 5 0 0 1-5 5H43.591v10H212.41V94.199a5 5 0 0 0-5.001-5z"
/>
<path
fill="#2266d3"
d="M207.409 89.199v108.523a5 5 0 0 1-5 5H43.591v5H212.41V94.199a5 5 0 0 0-5.001-5z"
/>
<path
fill="#939598"
d="M8 209.722v16.653c0 5.523 4.477 10 10 10h220c5.523 0 10-4.477 10-10v-16.653a2 2 0 0 0-2-2H10a2 2 0 0 0-2 2z"
/>
<path
fill="#808285"
d="M243 207.722v13.653c0 5.523-4.477 10-10 10H13a9.954 9.954 0 0 1-4.11-.89c1.569 3.471 5.053 5.89 9.11 5.89h220c5.523 0 10-4.477 10-10v-16.653a2 2 0 0 0-2-2z"
/>
<path
fill="#414042"
d="M88.169 207.722v5.454a5 5 0 0 0 5 5h69.662a5 5 0 0 0 5-5v-5.454z"
/>
<path
fill="#f79219"
d="M218 36.598a9.972 9.972 0 0 1-9.29 9.949l-102.426 7.024V19.624l102.426 7.024a9.974 9.974 0 0 1 9.29 9.95z"
/>
<path
fill="#ef7816"
d="m106.284 48.229 97.426-6.681a9.972 9.972 0 0 0 9.29-9.949 9.907 9.907 0 0 0-.887-4.089c3.484 1.568 5.887 5.06 5.887 9.089a9.972 9.972 0 0 1-9.29 9.949l-102.426 7.024z"
/>
<path fill="#e6e7e8" d="m80.909 46.542 25.375 7.03V19.625l-25.375 7.029z" />
<path
fill="#d1d3d4"
d="M80.909 46.542v-3.615L98.75 47.87a2 2 0 0 0 2.534-1.927V21.01l5-1.385v33.947z"
/>
<path
fill="#414042"
d="M80.91 46.542V26.673c-1.7-1.319-10.396-5.543-17.21-3.866-8.463 2.083-16.132 9.697-19.628 13.62-.758.85-.121 2.182 1.017 2.142 2.793-.098 6.912.064 9.604 1.55 4.401 2.428 6.748 8.947 12.91 10.56 5.359 1.404 11.822-2.944 13.416-4.101z"
/>
</svg>
More icons in the same style and category