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 lineal color 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>
<rect width="26" height="26" x="3" y="3" fill="#ffcd00" rx="2" />
<path
fill="#ebbf00"
d="M5 29h22a2.006 2.006 0 0 0 2-2V5A24.071 24.071 0 0 1 5 29z"
/>
<rect width="26" height="26" x="35" y="3" fill="#ffcd00" rx="2" />
<path
fill="#ebbf00"
d="M37 29h22a2.006 2.006 0 0 0 2-2V5a24.071 24.071 0 0 1-24 24z"
/>
<rect width="26" height="26" x="3" y="35" fill="#ffcd00" rx="2" />
<path
fill="#ebbf00"
d="M5 61h22a2.006 2.006 0 0 0 2-2V37A24.071 24.071 0 0 1 5 61z"
/>
<path
fill="#7ed63e"
d="M21.425 10.575 14 18l-2.6-2.6a1.5 1.5 0 0 0-2.122 2.121l3.3 3.3a2 2 0 0 0 2.828 0l8.14-8.121a1.5 1.5 0 1 0-2.121-2.122z"
/>
<path
fill="#ed1c24"
d="M53.8 10.2a1.5 1.5 0 0 0-2.121 0L48.5 13.379 45.318 10.2a1.5 1.5 0 0 0-2.118 2.118l3.179 3.182-3.179 3.182a1.5 1.5 0 0 0 2.118 2.118l3.182-3.179 3.182 3.179a1.5 1.5 0 1 0 2.118-2.118L50.621 15.5l3.179-3.182a1.5 1.5 0 0 0 0-2.118z"
/>
<path
fill="#006df0"
d="M20.5 46H17v-3.5a1.5 1.5 0 0 0-3 0V46h-3.5a1.5 1.5 0 0 0 0 3H14v3.5a1.5 1.5 0 0 0 3 0V49h3.5a1.5 1.5 0 0 0 0-3z"
/>
<path
fill="#ffb8a5"
d="M57 41a2 2 0 0 0-2 2 2 2 0 0 0-4 0 2 2 0 0 0-4 0v-8a2 2 0 0 0-4 0v14l-2.918-4.085a3 3 0 0 0-4.586-.353l-.488.5 7.322 10.994a4 4 0 0 1 .67 2.217V61h14v-1.79a3.993 3.993 0 0 1 .67-2.22l.66-.98a4.058 4.058 0 0 0 .67-2.13V43a2 2 0 0 0-2-2z"
/>
<path
fill="#ff9478"
d="M39.08 44.92 43 50.561V49l-2.92-4.08a2.985 2.985 0 0 0-2.96-1.2 2.96 2.96 0 0 1 1.96 1.2zM55 43a2 2 0 0 0-2-2 1.966 1.966 0 0 0-.5.071A2 2 0 0 1 54 43v2h1zM51 43a2 2 0 0 0-2-2 1.966 1.966 0 0 0-.5.071A2 2 0 0 1 50 43v2h1zM47 35v10h-1V35a2 2 0 0 0-1.5-1.93A2.08 2.08 0 0 1 45 33a2.006 2.006 0 0 1 2 2zM57 41a1.966 1.966 0 0 0-.5.071A2 2 0 0 1 58 43v10.88a4.058 4.058 0 0 1-.67 2.13l-.66.98a3.993 3.993 0 0 0-.67 2.22V61h1v-1.79a3.993 3.993 0 0 1 .67-2.22l.66-.98a4.058 4.058 0 0 0 .67-2.13V43a2 2 0 0 0-2-2z"
/>
<g fill="#231f20">
<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 .18V35a3 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.66V61a1 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.68V43a3.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.77V60H44v-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.37A1 1 0 0 0 44 49V35a1 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 0zM27 30H5a3 3 0 0 1-3-3V5a3 3 0 0 1 3-3h22a3 3 0 0 1 3 3v22a3 3 0 0 1-3 3zM5 4a1 1 0 0 0-1 1v22a1 1 0 0 0 1 1h22a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1zM27 62H5a3 3 0 0 1-3-3V37a3 3 0 0 1 3-3h22a3 3 0 0 1 3 3v22a3 3 0 0 1-3 3zM5 36a1 1 0 0 0-1 1v22a1 1 0 0 0 1 1h22a1 1 0 0 0 1-1V37a1 1 0 0 0-1-1zM59 30H37a3 3 0 0 1-3-3V5a3 3 0 0 1 3-3h22a3 3 0 0 1 3 3v22a3 3 0 0 1-3 3zM37 4a1 1 0 0 0-1 1v22a1 1 0 0 0 1 1h22a1 1 0 0 0 1-1V5a1 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 0L14 16.586l6.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-.143zM52.743 22.243a2.485 2.485 0 0 1-1.768-.733L48.5 19.035l-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.535L52.035 15.5l2.475 2.475a2.5 2.5 0 0 1-1.767 4.268zM48.5 16.621a1 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 0L44.611 10.9a.5.5 0 1 0-.707.706l3.182 3.183a1 1 0 0 1 0 1.414L43.9 19.389a.5.5 0 1 0 .706.707l3.183-3.182a1 1 0 0 1 .711-.293zM15.5 55a2.5 2.5 0 0 1-2.5-2.5V50h-2.5a2.5 2.5 0 0 1 0-5H13v-2.5a2.5 2.5 0 0 1 5 0V45h2.5a2.5 2.5 0 0 1 0 5H18v2.5a2.5 2.5 0 0 1-2.5 2.5zm-5-8a.5.5 0 0 0 0 1H14a1 1 0 0 1 1 1v3.5a.5.5 0 0 0 1 0V49a1 1 0 0 1 1-1h3.5a.5.5 0 0 0 0-1H17a1 1 0 0 1-1-1v-3.5a.5.5 0 0 0-1 0V46a1 1 0 0 1-1 1z"
/>
</g>
</g>
</svg>
More icons in the same style and category