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, magenta, 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"
>
<path
fill="#3c94bb"
d="M265.129 390.633V10.3c0-5.688-4.613-10.301-10.3-10.301h-43.177v390.633zm0 0"
/>
<path
fill="#b6d3e3"
d="M265.129 379.02V501.7c0 5.687-4.613 10.3-10.3 10.3h-43.177V379.02zm0 0"
/>
<path
fill="#e7e7e7"
d="M10.3 512h213.25c5.688 0 10.302-4.613 10.302-10.3V48.296H0v453.402C0 507.387 4.613 512 10.3 512zm0 0"
/>
<path
fill="#cecece"
d="M233.852 48.297v453.402c0 5.688-4.614 10.301-10.301 10.301h-34.09c5.7 0 10.305-4.613 10.305-10.3V48.296zm0 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.683 0 10.3 4.613 10.3 10.3zm0 0"
/>
<path
fill="#ff5a96"
d="M51.762 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"
/>
<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.723 7.723 0 0 1 7.722 7.726v.13a7.725 7.725 0 0 1-7.722 7.726zm0 0"
/>
<path
fill="#ffd40d"
d="M113.922 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="#00c2f8"
d="M313.445 414.578c0 26.688-21.632 48.32-48.32 48.32-26.684 0-48.32-21.632-48.32-48.32s21.636-48.32 48.32-48.32c26.688 0 48.32 21.633 48.32 48.32zm0 0"
/>
<path
fill="#1683ae"
d="M265.125 446.98a7.698 7.698 0 0 1-5.383-2.187l-13.441-13.063a7.726 7.726 0 0 1-.153-10.925c2.973-3.063 7.868-3.13 10.926-.157l8.051 7.829 8.055-7.829c3.058-2.976 7.953-2.902 10.925.157a7.726 7.726 0 0 1-.156 10.925l-13.437 13.063a7.707 7.707 0 0 1-5.387 2.187zM278.563 410.691a7.684 7.684 0 0 1-5.383-2.183l-8.051-7.828-8.055 7.828c-3.058 2.976-7.953 2.902-10.926-.156a7.726 7.726 0 0 1 .157-10.926l13.437-13.063a7.726 7.726 0 0 1 10.77 0l13.441 13.063a7.726 7.726 0 0 1-5.39 13.265zm0 0"
/>
<path
fill="#ffd40d"
d="M190.04 208.133H52.78c-5.691 0-10.304-4.613-10.304-10.301v-67.281c0-5.692 4.613-10.301 10.304-10.301H190.04c5.691 0 10.3 4.61 10.3 10.3v67.282c0 5.688-4.612 10.3-10.3 10.3zm0 0"
/>
<path
fill="#e8b80a"
d="M200.34 130.555v67.28c0 5.688-4.613 10.302-10.3 10.302h-22.665c5.688 0 10.3-4.614 10.3-10.301v-67.281c0-5.696-4.613-10.301-10.3-10.301h22.664c5.688 0 10.3 4.605 10.3 10.3zm0 0"
/>
<g fill="#9c9c9c">
<path
d="M84.766 260.11H45.77a7.729 7.729 0 0 1-7.727-7.727 7.729 7.729 0 0 1 7.727-7.727h38.996a7.725 7.725 0 0 1 7.722 7.727 7.725 7.725 0 0 1-7.722 7.726zM123.758 298.742H45.77a7.726 7.726 0 1 1 0-15.453h77.988a7.726 7.726 0 1 1 0 15.453zM123.758 328.703H45.77a7.729 7.729 0 0 1-7.727-7.726 7.729 7.729 0 0 1 7.727-7.727h77.988a7.729 7.729 0 0 1 7.726 7.727 7.729 7.729 0 0 1-7.726 7.726zM137.148 446.836H96.7a7.723 7.723 0 0 1-7.722-7.727 7.725 7.725 0 0 1 7.722-7.726h40.45c4.269 0 7.726 3.46 7.726 7.726a7.724 7.724 0 0 1-7.727 7.727zM188.078 476.797H103.84a7.729 7.729 0 0 1-7.727-7.727 7.729 7.729 0 0 1 7.727-7.726h84.238a7.726 7.726 0 1 1 0 15.453zM72.68 476.797H45.77a7.725 7.725 0 0 1-7.723-7.727 7.725 7.725 0 0 1 7.723-7.726h26.91c4.27 0 7.726 3.46 7.726 7.726a7.726 7.726 0 0 1-7.726 7.727zM123.758 358.664H45.77c-4.266 0-7.727-3.46-7.727-7.726s3.46-7.727 7.727-7.727h77.988c4.265 0 7.726 3.46 7.726 7.726s-3.46 7.727-7.726 7.727zM188.078 388.621H45.77a7.725 7.725 0 1 1 0-15.45h142.308a7.724 7.724 0 0 1 7.727 7.727 7.723 7.723 0 0 1-7.727 7.723zm0 0"
/>
</g>
<path
fill="#ff5a96"
d="M156.723 262.688v73.609c0 5.691 4.613 10.305 10.3 10.305h23.016c5.691 0 10.3-4.614 10.3-10.305v-73.613c0-5.688-4.609-10.301-10.3-10.301h-23.016c-5.687.004-10.3 4.613-10.3 10.304zm0 0"
/>
<path
fill="#ff3b82"
d="M200.34 262.684V336.3c0 5.687-4.613 10.304-10.3 10.304h-21.81c5.688 0 10.301-4.617 10.301-10.304v-73.617c0-5.688-4.613-10.301-10.3-10.301h21.808c5.688 0 10.3 4.613 10.3 10.3zm0 0"
/>
</svg>
More icons in the same style and category