Add icons to this collection by clicking the heart icon.
User Interface icon - also known as interface, user, internet, profile, browser, ui, webpage, social media, friend, and user interface. Created in a clean flat style with a white, silver, gray, yellow, teal, orange, and pink 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="512pt"
height="512pt"
viewBox="-99 0 512 512.001"
>
<path
fill="#3c94bb"
d="M265.129 210.672V10.3c0-5.688-4.613-10.301-10.3-10.301h-43.177v210.672zm0 0"
/>
<path
fill="#b6d3e3"
d="M265.129 197.094v304.605c0 5.688-4.613 10.301-10.3 10.301h-43.177V197.094zm0 0"
/>
<path
fill="#e7e7e7"
d="M0 184.23V501.7c0 5.69 4.613 10.3 10.3 10.3h213.25c5.688 0 10.302-4.61 10.302-10.3V184.23zm0 0"
/>
<path fill="#cecece" d="M0 66.004h233.852v131.094H0zm0 0" />
<path
fill="#cecece"
d="M199.762 184.23V501.7c0 5.687-4.606 10.3-10.301 10.3h34.09c5.687 0 10.3-4.613 10.3-10.3V184.23zm0 0"
/>
<path fill="#acacac" d="M199.762 66h34.09v131.094h-34.09zm0 0" />
<path
fill="#838383"
d="M10.3 0h213.25c5.688 0 10.302 4.613 10.302 10.3v64.794H0V10.3C0 4.613 4.613 0 10.3 0zm0 0"
/>
<path
fill="#5a5a5a"
d="M233.852 10.3v64.79h-34.09V10.3c0-5.687-4.606-10.3-10.301-10.3h34.09c5.687 0 10.3 4.613 10.3 10.3zm0 0"
/>
<path
fill="#ff5a96"
d="M51.762 45.336a7.729 7.729 0 0 1-7.727-7.727v-.129c0-4.27 3.461-7.726 7.727-7.726a7.724 7.724 0 0 1 7.726 7.726v.13a7.726 7.726 0 0 1-7.726 7.726zm0 0"
/>
<path
fill="#00d2b4"
d="M82.844 45.336a7.726 7.726 0 0 1-7.727-7.727v-.129a7.724 7.724 0 0 1 7.727-7.726 7.726 7.726 0 0 1 7.726 7.726v.13a7.729 7.729 0 0 1-7.726 7.726zm0 0"
/>
<path
fill="#ffd40d"
d="M113.922 45.336a7.726 7.726 0 0 1-7.727-7.727v-.129c0-4.27 3.461-7.726 7.727-7.726a7.724 7.724 0 0 1 7.726 7.726v.13a7.726 7.726 0 0 1-7.726 7.726zm0 0"
/>
<g fill="#e7e7e7">
<path
d="M141.316 118.477a7.723 7.723 0 0 1-7.726-7.723v-.133c0-4.266 3.46-7.726 7.726-7.726s7.727 3.46 7.727 7.726v.133a7.725 7.725 0 0 1-7.727 7.723zM203.387 118.477h-36.57a7.725 7.725 0 1 1 0-15.45h36.57a7.724 7.724 0 0 1 7.726 7.727 7.723 7.723 0 0 1-7.726 7.723zM141.316 144.91a7.723 7.723 0 0 1-7.726-7.722v-.133c0-4.266 3.46-7.727 7.726-7.727s7.727 3.461 7.727 7.727v.132a7.725 7.725 0 0 1-7.727 7.723zM186.648 144.91h-19.832a7.725 7.725 0 1 1 0-15.45h19.832a7.725 7.725 0 1 1 0 15.45zM141.316 171.348a7.726 7.726 0 0 1-7.726-7.727v-.133c0-4.265 3.46-7.722 7.726-7.722s7.727 3.457 7.727 7.722v.133a7.729 7.729 0 0 1-7.727 7.727zM203.387 171.348h-36.57a7.726 7.726 0 1 1 0-15.453h36.57a7.724 7.724 0 0 1 7.726 7.726 7.726 7.726 0 0 1-7.726 7.727zm0 0"
/>
</g>
<path
fill="#838383"
d="M90.5 153.285H46.695c-8.965 0-16.234-7.265-16.234-16.23 0-8.961 7.27-16.23 16.234-16.23h43.801c8.965 0 16.23 7.269 16.23 16.23 0 8.965-7.265 16.23-16.226 16.23zm0 0"
/>
<path
fill="#00c2f8"
d="M178.285 293.148c0 2.778-.183 5.512-.547 8.188-3.996 30.016-29.699 53.176-60.812 53.176-15.516 0-29.68-5.758-40.485-15.25-12.793-11.246-20.875-27.735-20.875-46.114 0-33.882 27.473-61.359 61.36-61.359s61.36 27.477 61.36 61.36zm0 0"
/>
<path
fill="#ffd40d"
d="M134.188 289.77c0 13.054-10.583 23.636-23.637 23.636-13.055 0-23.637-10.582-23.637-23.636 0-13.055 10.582-23.637 23.637-23.637 13.054 0 23.636 10.582 23.636 23.637zm0 0"
/>
<path
fill="#e8b80a"
d="M134.184 289.77c0 13.054-10.582 23.636-23.633 23.636a23.42 23.42 0 0 1-6.801-1c9.746-2.918 16.836-11.949 16.836-22.636 0-10.684-7.09-19.72-16.836-22.637a23.55 23.55 0 0 1 6.8-.996c13.052 0 23.634 10.582 23.634 23.633zm0 0"
/>
<path
fill="#008c80"
d="M177.738 301.336a61.08 61.08 0 0 1-3.988 14.992c-9.14 22.399-31.137 38.184-56.824 38.184-15.516 0-29.684-5.758-40.485-15.25l57.856-57.848 9.484-9.484a3.204 3.204 0 0 1 4.535 0l18.532 18.523zm0 0"
/>
<path
fill="#007d73"
d="M177.738 301.336a61.08 61.08 0 0 1-3.988 14.992l-34.918-34.914a3.204 3.204 0 0 0-4.535 0l9.484-9.484a3.204 3.204 0 0 1 4.535 0l18.532 18.523zm0 0"
/>
<path
fill="#9c9c9c"
d="M89.402 408.2H45.77a7.725 7.725 0 1 1 0-15.45h43.632a7.725 7.725 0 1 1 0 15.45zM188.082 446.836H45.77a7.726 7.726 0 1 1 0-15.453h142.312a7.725 7.725 0 0 1 7.723 7.726 7.723 7.723 0 0 1-7.723 7.727zM188.082 476.797H45.77a7.729 7.729 0 0 1-7.727-7.727 7.729 7.729 0 0 1 7.727-7.726h142.312a7.725 7.725 0 0 1 7.723 7.726 7.725 7.725 0 0 1-7.723 7.727zm0 0"
/>
<path
fill="#00c2f8"
d="M313.445 197.098c0 26.687-21.632 48.32-48.32 48.32-26.684 0-48.32-21.633-48.32-48.32s21.636-48.32 48.32-48.32c26.688 0 48.32 21.632 48.32 48.32zm0 0"
/>
<path
fill="#1683ae"
d="M265.125 229.5a7.705 7.705 0 0 1-5.383-2.188l-13.441-13.062a7.726 7.726 0 0 1-.153-10.926 7.73 7.73 0 0 1 10.926-.156l8.051 7.828 8.055-7.828c3.058-2.977 7.953-2.902 10.925.156a7.726 7.726 0 0 1-.156 10.926l-13.437 13.063a7.707 7.707 0 0 1-5.387 2.187zM278.566 193.215a7.697 7.697 0 0 1-5.386-2.188l-8.051-7.828-8.055 7.828c-3.058 2.977-7.949 2.903-10.926-.156a7.726 7.726 0 0 1 .157-10.926l13.437-13.062a7.726 7.726 0 0 1 10.77 0l13.441 13.062c3.059 2.977 3.129 7.868.156 10.926a7.722 7.722 0 0 1-5.543 2.344zm0 0"
/>
</svg>
More icons in the same style and category