Add icons to this collection by clicking the heart icon.
Ui Design icon - also known as interface, art, screen, monitor, graphic design, editor, design, ui, designer, professions and jobs, and ui design. Created in a clean lineal color style with a white, silver, gray, yellow, navy, 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="#cecece"
d="M221.695 219.481H61.485l.45 3.592a14.117 14.117 0 0 0 14.008 12.362h131.293a14.117 14.117 0 0 0 14.008-12.362z"
/>
<path
fill="#afafaf"
d="m76.602 223.073-.45-3.592H61.485l.45 3.592a14.117 14.117 0 0 0 14.008 12.362H90.61a14.117 14.117 0 0 1-14.008-12.362z"
/>
<path
fill="#cecece"
d="M201.99 219.481H81.19V183.02c0-27.454 22.256-49.71 49.71-49.71h21.381c27.454 0 49.71 22.256 49.71 49.71v36.461z"
/>
<path
fill="#e2e2e2"
d="M152.28 133.31h-14.667c27.454 0 49.71 22.256 49.71 49.71v36.461h14.667V183.02c0-27.454-22.256-49.71-49.71-49.71z"
/>
<path
fill="#f8af23"
d="M141.59 144.475c-6.837 0-12.379-5.542-12.379-12.379v-16.254c0-6.837 5.542-12.379 12.379-12.379s12.379 5.542 12.379 12.379v16.254c0 6.837-5.542 12.379-12.379 12.379z"
/>
<path
fill="#f87023"
d="M129.211 115.842v16.254c0 5.444 3.519 10.057 8.403 11.714v-39.683c-4.884 1.659-8.403 6.271-8.403 11.715z"
/>
<circle cx="100.129" cy="69.959" r="8.337" fill="#f87023" />
<circle cx="183.05" cy="69.959" r="8.337" fill="#f8af23" />
<path
fill="#f8af23"
d="M141.59 120.374c-22.898 0-41.461-18.563-41.461-41.461V63.626c0-22.898 18.563-41.461 41.461-41.461s41.461 18.563 41.461 41.461v15.287c-.001 22.898-18.563 41.461-41.461 41.461z"
/>
<path
fill="#f87023"
d="M114.796 78.913V63.626c0-20.394 14.729-37.337 34.127-40.801a41.692 41.692 0 0 0-7.333-.66c-22.898 0-41.461 18.563-41.461 41.461v15.287c0 22.898 18.563 41.461 41.461 41.461 2.504 0 4.952-.234 7.333-.66-19.398-3.464-34.127-20.407-34.127-40.801z"
/>
<g fill="#3f3679">
<circle cx="125.29" cy="85.016" r="4.015" />
<circle cx="158.262" cy="85.016" r="4.015" />
</g>
<path fill="#f8d323" d="M187.323 187.572h14.667v31.909h-14.667z" />
<path
fill="#707070"
d="M100.129 69.959h5.235l6.316-18.472s24.004 17.113 71.37 10.135v-10.57c0-22.898-18.563-41.461-41.461-41.461s-41.461 18.563-41.461 41.461v18.907z"
/>
<path
fill="#5b5b5b"
d="M148.923 10.251a41.692 41.692 0 0 0-7.333-.66c-22.898 0-41.461 18.563-41.461 41.461v18.907h5.235l6.316-18.472s1.051.744 3.116 1.851v-2.285c0-20.395 14.729-37.338 34.127-40.802z"
/>
<path
fill="#707070"
d="m129.211 127.381 12.379 17.094-15.489 7.643-3.579-21.579zM153.969 127.381l-12.379 17.094 15.488 7.643 3.579-21.579z"
/>
<path
fill="#cecece"
d="M203.561 141.447H79.619c-6.149 0-11.134 4.985-11.134 11.134v66.9h146.21v-66.9c0-6.149-4.985-11.134-11.134-11.134z"
/>
<path
fill="#afafaf"
d="M94.285 141.447H79.619c-6.149 0-11.134 4.985-11.134 11.134v66.9h14.667v-66.9c-.001-6.149 4.984-11.134 11.133-11.134z"
/>
<circle cx="141.59" cy="180.464" r="8.829" fill="#63bce7" />
<path
fill="#f8af23"
d="M113.295 126.893a9.012 9.012 0 0 0-9.012-9.012H43.317a9.012 9.012 0 0 0-9.012 9.012v5.875h78.99z"
/>
<path
fill="#f87023"
d="M57.79 117.88H43.317a9.012 9.012 0 0 0-9.012 9.012v5.875h14.473v-5.875a9.013 9.013 0 0 1 9.012-9.012z"
/>
<path
fill="#cecece"
d="M43.317 177.998h60.966a9.012 9.012 0 0 0 9.012-9.012v-36.218h-78.99v36.218a9.012 9.012 0 0 0 9.012 9.012z"
/>
<path
fill="#afafaf"
d="M48.972 168.986v-36.218H34.305v36.218a9.012 9.012 0 0 0 9.012 9.012h14.667a9.012 9.012 0 0 1-9.012-9.012z"
/>
<path fill="#f46275" d="M41.545 138.858h64.511v19.101H41.545z" />
<g fill="#3f3679">
<path
d="M27.323 244.908H9.32a1.5 1.5 0 0 0 0 3h18.003a1.5 1.5 0 0 0 0-3zM246.68 244.908h-18.003a1.5 1.5 0 0 0 0 3h18.003a1.5 1.5 0 0 0 0-3zM218.479 244.908H37.521a1.5 1.5 0 0 0 0 3H218.48a1.5 1.5 0 0 0-.001-3zM9.32 236.936H246.679a1.5 1.5 0 0 0 0-3H216.42c3.382-2.466 5.759-6.262 6.311-10.676l.451-3.592a1.5 1.5 0 0 0-1.488-1.687h-5.5v-65.4c0-6.966-5.668-12.634-12.634-12.634h-23.676a1.496 1.496 0 0 0-.3-.258 50.654 50.654 0 0 0-17.769-6.978l.32-1.927a1.5 1.5 0 0 0-.839-1.602l-5.829-2.752v-6.87c16.668-5.708 28.739-21.387 29.063-39.889 4.722-.718 8.356-4.793 8.356-9.713 0-4.914-3.624-8.985-8.337-9.711v-9.196c0-23.688-19.272-42.96-42.961-42.96s-42.961 19.271-42.961 42.96v9.196c-4.713.726-8.337 4.797-8.337 9.711 0 4.919 3.634 8.995 8.356 9.713.323 18.502 12.395 34.181 29.063 39.889v6.87l-5.829 2.752a1.5 1.5 0 0 0-.839 1.602l.319 1.924a51.209 51.209 0 0 0-6.567 1.697v-7.513c0-5.796-4.716-10.512-10.512-10.512H43.317c-5.797 0-10.513 4.716-10.513 10.512v42.094c0 5.796 4.716 10.512 10.513 10.512h23.667v38.483h-5.5a1.5 1.5 0 0 0-1.488 1.687l.451 3.592a15.602 15.602 0 0 0 6.311 10.676H9.32a1.5 1.5 0 0 0 0 3zm164.637-96.989h-13.34l.709-4.276a47.6 47.6 0 0 1 12.631 4.276zm-16.38 0h-10.856l7.733-10.679 4.538 2.143zm32.311-69.988c0 3.254-2.287 5.979-5.337 6.666V63.626c0-.112-.005-.223-.006-.335 3.052.684 5.343 3.411 5.343 6.668zm-88.259-18.907c0-22.034 17.927-39.96 39.961-39.96s39.961 17.926 39.961 39.96v9.269c-45.286 6.308-68.767-9.891-68.999-10.056a1.499 1.499 0 0 0-2.29.736l-5.97 17.458h-2.663zm-8.337 18.907c0-3.254 2.287-5.98 5.337-6.667v13.333c-3.05-.687-5.337-3.412-5.337-6.666zm8.337 8.954v-7.454h3.735c.642 0 1.212-.408 1.419-1.015l5.7-16.668c6.175 3.671 29.13 15.027 69.062 9.563.001.096.005.19.005.286v15.287c0 22.034-17.927 39.961-39.961 39.961s-39.96-17.926-39.96-39.96zm39.961 42.961c3.758 0 7.403-.488 10.879-1.399v6.419l-9.452 13.053h-2.854l-9.452-13.053v-6.419a42.855 42.855 0 0 0 10.879 1.399zm-12.864 7.395 7.733 10.679h-10.856l-1.415-8.536zm-6.873 6.399.709 4.279h-7.767v-2.373a48.06 48.06 0 0 1 7.058-1.906zm-86.048-8.775c0-4.142 3.37-7.512 7.513-7.512h60.966c4.142 0 7.512 3.37 7.512 7.512v4.375h-75.99v-4.375zm0 42.093v-34.719h75.99v34.719c0 4.142-3.37 7.512-7.512 7.512H43.317c-4.142 0-7.512-3.37-7.512-7.512zm34.179 10.512h34.299c5.796 0 10.512-4.716 10.512-10.512v-26.039h88.767c5.313 0 9.634 4.321 9.634 9.634v65.4H69.984zm-6.56 43.389-.239-1.905H219.996l-.239 1.905c-.789 6.299-6.171 11.049-12.52 11.049H75.943c-6.348 0-11.73-4.75-12.519-11.049z"
/>
<path
d="M141.59 96.328a1.5 1.5 0 0 0 1.5-1.5v-6.722a1.5 1.5 0 0 0-3 0v6.722a1.5 1.5 0 0 0 1.5 1.5zM148.865 106.356a1.501 1.501 0 0 0-2.256-1.978c-1.272 1.452-3.102 2.284-5.02 2.284s-3.747-.832-5.02-2.284a1.5 1.5 0 0 0-2.256 1.978c1.842 2.101 4.494 3.306 7.275 3.306s5.435-1.205 7.277-3.306zM130.39 73.444h-10.571a1.5 1.5 0 0 0 0 3h10.571a1.5 1.5 0 0 0 0-3zM152.79 76.444h10.571a1.5 1.5 0 0 0 0-3H152.79a1.5 1.5 0 0 0 0 3zM141.59 170.135c-5.695 0-10.329 4.634-10.329 10.329 0 5.696 4.634 10.33 10.329 10.33s10.329-4.634 10.329-10.33c0-5.695-4.634-10.329-10.329-10.329zm0 17.659c-4.041 0-7.329-3.288-7.329-7.33 0-4.041 3.288-7.329 7.329-7.329s7.329 3.288 7.329 7.329c0 4.042-3.288 7.33-7.329 7.33zM41.545 159.46h64.511a1.5 1.5 0 0 0 1.5-1.5v-19.102a1.5 1.5 0 0 0-1.5-1.5H41.545a1.5 1.5 0 0 0-1.5 1.5v19.102a1.5 1.5 0 0 0 1.5 1.5zm1.5-19.102h61.511v16.102H43.045zM41.545 165.538h64.511a1.5 1.5 0 0 0 0-3H41.545a1.5 1.5 0 0 0 0 3zM107.556 169.887a1.5 1.5 0 0 0-1.5-1.5H41.545a1.5 1.5 0 0 0 0 3h64.511a1.5 1.5 0 0 0 1.5-1.5z"
/>
<circle cx="45.394" cy="125.324" r="2.493" />
<circle cx="55.54" cy="125.324" r="2.493" />
<circle cx="65.686" cy="125.324" r="2.493" />
</g>
</svg>
More icons in the same style and category