Add icons to this collection by clicking the heart icon.
User Interface icon - also known as interface, click, add, hand, ui, bottom, and user interface. Created in a clean blue style, 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 64 64"
>
<g id="user_interface-botton-hand-interface-click">
<path
d="m27 3h-22a2 2 0 0 0 -2 2v22a2 2 0 0 0 2 2h22a2 2 0 0 0 2-2v-22a2 2 0 0 0 -2-2zm-3.454 9.7-8.132 8.131a2 2 0 0 1 -2.828 0l-3.3-3.3a1.5 1.5 0 0 1 2.114-2.131l2.6 2.6 7.425-7.425a1.5 1.5 0 1 1 2.121 2.125z"
fill="#9bc9ff"
/>
<path
d="m27 35h-22a2 2 0 0 0 -2 2v22a2 2 0 0 0 2 2h22a2 2 0 0 0 2-2v-22a2 2 0 0 0 -2-2zm-6.5 14h-3.5v3.5a1.5 1.5 0 0 1 -3 0v-3.5h-3.5a1.5 1.5 0 0 1 0-3h3.5v-3.5a1.5 1.5 0 0 1 3 0v3.5h3.5a1.5 1.5 0 0 1 0 3z"
fill="#9bc9ff"
/>
<path
d="m59 3h-22a2 2 0 0 0 -2 2v22a2 2 0 0 0 2 2h22a2 2 0 0 0 2-2v-22a2 2 0 0 0 -2-2zm-5.2 15.682a1.5 1.5 0 1 1 -2.118 2.118l-3.182-3.179-3.182 3.179a1.5 1.5 0 0 1 -2.118-2.118l3.179-3.182-3.179-3.182a1.5 1.5 0 0 1 2.118-2.118l3.182 3.179 3.182-3.179a1.5 1.5 0 0 1 2.118 2.118l-3.179 3.182z"
fill="#9bc9ff"
/>
<g fill="#1e81ce">
<path
d="m57 40a2.974 2.974 0 0 0 -2 .78 2.954 2.954 0 0 0 -4 0 2.974 2.974 0 0 0 -2-.78 3 3 0 0 0 -1 .18v-5.18a3 3 0 0 0 -6 0v10.88l-1.1-1.55a4.01 4.01 0 0 0 -6.12-.47l-.49.5a.985.985 0 0 0 -.11 1.25l7.32 11a2.97 2.97 0 0 1 .5 1.66v2.73a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-1.79a2.947 2.947 0 0 1 .5-1.66l.67-.99a5.13 5.13 0 0 0 .83-2.68v-10.88a3.009 3.009 0 0 0 -3-3zm1 13.85a3.022 3.022 0 0 1 -.5 1.6l-.66.99a4.959 4.959 0 0 0 -.84 2.77v.79h-12v-1.73a4.983 4.983 0 0 0 -.84-2.77l-6.87-10.32a2.012 2.012 0 0 1 1.5-.51 1.961 1.961 0 0 1 1.48.83l2.92 4.08a.977.977 0 0 0 1.12.37 1 1 0 0 0 .69-.95v-14a1 1 0 0 1 2 0v10a1 1 0 0 0 2 0v-2a1 1 0 0 1 2 0v2a1 1 0 0 0 2 0v-2a1 1 0 0 1 2 0v2a1 1 0 0 0 2 0v-2a1 1 0 0 1 2 0z"
/>
<path
d="m27 30h-22a3 3 0 0 1 -3-3v-22a3 3 0 0 1 3-3h22a3 3 0 0 1 3 3v22a3 3 0 0 1 -3 3zm-22-26a1 1 0 0 0 -1 1v22a1 1 0 0 0 1 1h22a1 1 0 0 0 1-1v-22a1 1 0 0 0 -1-1z"
/>
<path
d="m27 62h-22a3 3 0 0 1 -3-3v-22a3 3 0 0 1 3-3h22a3 3 0 0 1 3 3v22a3 3 0 0 1 -3 3zm-22-26a1 1 0 0 0 -1 1v22a1 1 0 0 0 1 1h22a1 1 0 0 0 1-1v-22a1 1 0 0 0 -1-1z"
/>
<path
d="m59 30h-22a3 3 0 0 1 -3-3v-22a3 3 0 0 1 3-3h22a3 3 0 0 1 3 3v22a3 3 0 0 1 -3 3zm-22-26a1 1 0 0 0 -1 1v22a1 1 0 0 0 1 1h22a1 1 0 0 0 1-1v-22a1 1 0 0 0 -1-1z"
/>
<path
d="m14 22.413a2.99 2.99 0 0 1 -2.121-.877l-3.3-3.3a2.5 2.5 0 0 1 0-3.535 2.559 2.559 0 0 1 3.535 0l1.886 1.885 6.718-6.718a2.5 2.5 0 1 1 3.535 3.532l-8.132 8.132a2.99 2.99 0 0 1 -2.121.881zm-3.657-6.449a.5.5 0 0 0 -.353.853l3.3 3.305a1.025 1.025 0 0 0 1.414 0l8.132-8.132a.5.5 0 1 0 -.707-.708l-7.425 7.425a1 1 0 0 1 -1.414 0l-2.6-2.6a.5.5 0 0 0 -.347-.143z"
/>
<path
d="m52.743 22.243a2.485 2.485 0 0 1 -1.768-.733l-2.475-2.475-2.475 2.475a2.559 2.559 0 0 1 -3.535 0 2.5 2.5 0 0 1 0-3.535l2.475-2.475-2.475-2.475a2.5 2.5 0 0 1 0-3.535 2.559 2.559 0 0 1 3.535 0l2.475 2.475 2.475-2.475a2.559 2.559 0 0 1 3.535 0 2.5 2.5 0 0 1 0 3.535l-2.475 2.475 2.475 2.475a2.5 2.5 0 0 1 -1.767 4.268zm-4.243-5.622a1 1 0 0 1 .707.293l3.182 3.186a.5.5 0 1 0 .707-.706l-3.182-3.183a1 1 0 0 1 0-1.414l3.186-3.186a.5.5 0 1 0 -.706-.707l-3.183 3.182a1 1 0 0 1 -1.414 0l-3.186-3.186a.5.5 0 1 0 -.707.706l3.182 3.183a1 1 0 0 1 0 1.414l-3.186 3.186a.5.5 0 1 0 .706.707l3.183-3.182a1 1 0 0 1 .711-.293z"
/>
<path
d="m15.5 55a2.5 2.5 0 0 1 -2.5-2.5v-2.5h-2.5a2.5 2.5 0 0 1 0-5h2.5v-2.5a2.5 2.5 0 0 1 5 0v2.5h2.5a2.5 2.5 0 0 1 0 5h-2.5v2.5a2.5 2.5 0 0 1 -2.5 2.5zm-5-8a.5.5 0 0 0 0 1h3.5a1 1 0 0 1 1 1v3.5a.5.5 0 0 0 1 0v-3.5a1 1 0 0 1 1-1h3.5a.5.5 0 0 0 0-1h-3.5a1 1 0 0 1 -1-1v-3.5a.5.5 0 0 0 -1 0v3.5a1 1 0 0 1 -1 1z"
/>
</g>
</g>
</svg>
More icons in the same style and category