Add icons to this collection by clicking the heart icon.
Interaction icon - also known as technology, hand, gestures, electronic, touch screen, digital, multimedia, touch, ui, interaction, electronics, virtual reality, art and design, interactivity, interactive, augmented reality, edit tools, and hands and gestures. Created in a clean lineal color style with a white, gray, black, 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0h-42.146c-13.255 0-24 10.745-24 24v326c0 13.255 10.745 24 24 24h404c13.254 0 24-10.745 24-24V32c0-17.673-14.327-32-32-32h-42.415z"
transform="translate(76.147 128)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-404c-13.255 0-24-10.745-24-24v-48H24v48C24-10.745 13.255 0 0 0"
transform="translate(438 502)"
fill="#a0e557"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h436.891"
transform="translate(20.11 430)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h436.891"
transform="translate(20.11 430)"
fill="#231f20"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-207.566"
transform="translate(412.39 466)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v0"
transform="translate(96.358 466)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v0"
transform="translate(59.61 466)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v0"
transform="translate(133.106 466)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-115c-13.255 0-24 10.745-24 24v326c0 13.255 10.745 24 24 24h404c13.254 0 24-10.745 24-24V114.511"
transform="translate(149 128)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v0"
transform="translate(187.5 128)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-10.544-10.544-10.544-27.64 0-38.184l-15.185 15.186c-10.544 10.544-27.64 10.544-38.184 0-10.544-10.545-10.544-27.64 0-38.184-10.544 10.544-27.64 10.544-38.184 0-10.544-10.544-10.544-27.64 0-38.184l-72.109 72.109c-10.544 10.544-27.639 10.544-38.184 0-10.544-10.544-10.544-27.64 0-38.184l59.782-59.782 93.482-93.481-60.834 14.761c-14.956 3.629-30.075-5.34-34.058-20.205-3.841-14.337 4.03-29.209 18.044-34.095l100.015-34.872c48.089-16.767 101.532-4.538 137.543 31.474 51.831 51.831 51.831 135.866 0 187.696L38.184 0C27.64 10.544 10.544 10.544 0 0"
transform="translate(350.998 310.518)"
fill="#feda9b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v0c-10.544-10.544-10.544-27.64 0-38.184l-15.185 15.186c-10.544 10.544-27.64 10.544-38.184 0-10.544-10.545-10.544-27.64 0-38.184-10.544 10.544-27.64 10.544-38.184 0-10.544-10.544-10.544-27.64 0-38.184l-72.109 72.109c-10.544 10.544-27.639 10.544-38.184 0-10.544-10.544-10.544-27.64 0-38.184l59.782-59.782 93.482-93.481-60.834 14.761c-14.956 3.629-30.075-5.34-34.058-20.205v0c-3.841-14.337 4.03-29.209 18.044-34.095l100.015-34.872c48.089-16.767 101.532-4.538 137.543 31.474v0c51.831 51.831 51.831 135.866 0 187.696L38.184 0C27.64 10.544 10.544 10.544 0 0Z"
transform="translate(350.998 310.518)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 51.88-51.88"
transform="translate(259.446 211.152)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 54.577-54.577"
transform="translate(297.63 249.335)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 39.892-39.891"
transform="translate(350.998 272.334)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-21.532"
transform="translate(164.738 351.574)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h21.532"
transform="translate(79.752 266.589)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-37.368 37.368"
transform="translate(120.824 310.503)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category