Add icons to this collection by clicking the heart icon.
User Interface icon - also known as click, add, hand, ui, bottom, and user interface. Created in a clean flat 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="New_Gradient_Swatch_1"
gradientUnits="userSpaceOnUse"
x1="47.145"
x2="47.145"
y1="66.027"
y2="6.257"
>
<stop offset="0" stop-color="#1a125f" />
<stop offset=".205" stop-color="#423795" />
<stop offset=".681" stop-color="#ed1a58" />
<stop offset="1" stop-color="#54c2ef" />
</linearGradient>
<linearGradient
id="New_Gradient_Swatch_1-2"
x1="16"
x2="16"
y1="66.027"
y2="6.257"
href="#New_Gradient_Swatch_1"
/>
<linearGradient
id="New_Gradient_Swatch_1-3"
x1="16.414"
x2="16.414"
y1="66.027"
y2="6.257"
href="#New_Gradient_Swatch_1"
/>
<linearGradient
id="New_Gradient_Swatch_1-4"
x1="48.5"
x2="48.5"
y1="66.027"
y2="6.257"
href="#New_Gradient_Swatch_1"
/>
<linearGradient
id="New_Gradient_Swatch_1-5"
x1="48"
x2="48"
y1="66.027"
y2="6.257"
href="#New_Gradient_Swatch_1"
/>
<linearGradient
id="New_Gradient_Swatch_1-6"
x1="15.5"
x2="15.5"
y1="66.027"
y2="6.257"
href="#New_Gradient_Swatch_1"
/>
<g id="user_interface-botton-hand-interface-click">
<path
d="m58 43a1 1 0 0 0 -2 0v2a1 1 0 0 1 -2 0v-2a1 1 0 0 0 -2 0v2a1 1 0 0 1 -2 0v-2a1 1 0 0 0 -2 0v2a1 1 0 0 1 -2 0v-10a1 1 0 0 0 -2 0v14a1 1 0 0 1 -.69.95.977.977 0 0 1 -1.12-.37l-2.92-4.08a1.961 1.961 0 0 0 -1.48-.83 2.012 2.012 0 0 0 -1.5.51l6.87 10.32a4.983 4.983 0 0 1 .84 2.77v1.73h12v-.79a4.959 4.959 0 0 1 .84-2.77l.66-.99a3.022 3.022 0 0 0 .5-1.6z"
fill="url(#New_Gradient_Swatch_1)"
/>
<path
d="m5 28h22a1 1 0 0 0 1-1v-22a1 1 0 0 0 -1-1h-22a1 1 0 0 0 -1 1v22a1 1 0 0 0 1 1zm3.576-13.3a2.559 2.559 0 0 1 3.535 0l1.889 1.886 6.718-6.718a2.5 2.5 0 1 1 3.535 3.532l-8.132 8.132a3 3 0 0 1 -4.242 0l-3.3-3.3a2.5 2.5 0 0 1 0-3.535z"
fill="url(#New_Gradient_Swatch_1-2)"
/>
<path
d="m13.293 20.122a1.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 1 0 -.707.706z"
fill="url(#New_Gradient_Swatch_1-3)"
/>
<path
d="m44.257 20.243a.494.494 0 0 0 .353-.147l3.183-3.182a1 1 0 0 1 1.414 0l3.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 0 0 .353.854z"
fill="url(#New_Gradient_Swatch_1-4)"
/>
<path
d="m37 28h22a1 1 0 0 0 1-1v-22a1 1 0 0 0 -1-1h-22a1 1 0 0 0 -1 1v22a1 1 0 0 0 1 1zm5.49-14.975a2.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 1 1 -3.535 3.535l-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.475z"
fill="url(#New_Gradient_Swatch_1-5)"
/>
<path
d="m10.5 48h3.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 1h-3.5a.5.5 0 0 0 0 1z"
fill="url(#New_Gradient_Swatch_1-6)"
/>
<path
d="m5 60h22a1 1 0 0 0 1-1v-22a1 1 0 0 0 -1-1h-22a1 1 0 0 0 -1 1v22a1 1 0 0 0 1 1zm5.5-15h2.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 -5 0v-2.5h-2.5a2.5 2.5 0 0 1 0-5z"
fill="url(#New_Gradient_Swatch_1-2)"
/>
</g>
</svg>
More icons in the same style and category