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 gradient 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"
>
<linearGradient
id="a"
x1="47.003"
x2="47.003"
y1="59.486"
y2="1.427"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<linearGradient id="b" x1="16" x2="16" y1="59.486" y2="1.427" href="#a" />
<linearGradient id="c" x1="48" x2="48" y1="59.486" y2="1.427" href="#a" />
<linearGradient
id="d"
x1="16.414"
x2="16.414"
y1="59.486"
y2="1.427"
href="#a"
/>
<linearGradient
id="e"
x1="48.5"
x2="48.5"
y1="59.486"
y2="1.427"
href="#a"
/>
<linearGradient
id="f"
x1="15.5"
x2="15.5"
y1="59.486"
y2="1.427"
href="#a"
/>
<g>
<path
fill="url(#a)"
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 0z"
/>
<path
fill="url(#b)"
d="M27 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-1z"
/>
<path
fill="url(#c)"
d="M59 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
fill="url(#d)"
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-.143z"
/>
<path
fill="url(#e)"
d="M52.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-.293z"
/>
<path
fill="url(#f)"
d="M15.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>
</svg>
More icons in the same style and category