Add icons to this collection by clicking the heart icon.
Interaction icon - also known as technology, interface, hand, digital, multimedia, touch, interaction, electronics, virtual reality, interactivity, interactive, augmented reality, and interactive display. Created in a clean lineal color style with a white, silver, black, yellow, orange, 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 0c0-12.436-10.063-22.5-22.5-22.5C-34.936-22.5-45-12.436-45 0c0 12.437 10.064 22.5 22.5 22.5C-10.063 22.5 0 12.437 0 0m-22.5-52.5C6.496-52.5 30-28.995 30 0S6.496 52.5-22.5 52.5C-51.495 52.5-75 28.995-75 0s23.505-52.5 52.5-52.5"
transform="translate(82.5 408.993)"
fill="#ff9d87"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c12.437 0 22.5 10.064 22.5 22.5C22.5 34.937 12.437 45 0 45c-12.436 0-22.5-10.063-22.5-22.5C-22.5 10.064-12.436 0 0 0"
transform="translate(60 386.493)"
fill="#fee95d"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c20.711 0 37.5 16.789 37.5 37.5S20.711 75 0 75s-37.5-16.789-37.5-37.5S-20.711 0 0 0"
transform="translate(75 213.994)"
fill="#b6efbb"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0v55.242c0 9.711 7.947 17.661 17.66 17.661 11.725 0 17.661-9.173 17.661-19.975V0c32.898 7.941 57.34 37.566 57.34 72.903 0 41.422-33.579 75.001-75.001 75.001-41.421 0-75-33.579-75-75.001C-57.34 38.266-33.58 8.106 0 0"
transform="translate(214.028 256.292)"
fill="#feef8f"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M354.5 399.499h150V504.5h-150z"
fill="#b6efbb"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c0-20.711 16.789-37.499 37.5-37.499S75-20.711 75 0c0 20.711-16.789 37.5-37.5 37.5S0 20.711 0 0"
transform="translate(392 329.195)"
fill="#ff9d87"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0h113.035v67.156l15.268 21.907v97.069c0 10.802-5.936 19.975-17.661 19.975-9.714 0-17.66-7.95-17.66-17.661v7.5c0 10.803-5.936 19.977-17.661 19.977-9.713 0-17.66-7.951-17.66-17.661v7.5c0 10.802-5.936 19.975-17.661 19.975-9.713 0-17.661-7.95-17.661-17.661v93.644c0 10.802-5.935 19.975-17.66 19.975-9.714 0-17.66-7.95-17.66-17.661V186.402h-17.688c-9.712 0-17.661-7.947-17.661-17.66l-.024-84.974L0 54.263Z"
transform="translate(227.01 7.5)"
fill="#fef2e2"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c-25.442 3.64-45 25.516-45 51.964 0 26.449 19.558 48.325 45 51.965-31.558 4.513-60-19.873-60-51.965S-31.558-4.514 0 0"
transform="translate(67.5 357.03)"
fill="#ff6a47"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c-17.117 3.475-30 18.606-30 36.749s12.883 33.274 30 36.749c-23.12 4.692-45-12.912-45-36.749C-45 12.913-23.12-4.691 0 0"
transform="translate(82.5 214.745)"
fill="#8ae897"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c0-23.836 21.88-41.44 45-36.749C27.883-33.274 15-18.143 15 0s12.883 33.274 30 36.749C21.88 41.441 0 23.837 0 0"
transform="translate(392 329.195)"
fill="#ff6a47"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M354.5 399.499h22.499V504.5H354.5Z"
fill="#8ae897"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0v55.242c0 9.711 7.947 17.661 17.66 17.661 11.725 0 17.661-9.173 17.661-19.975V0a74.476 74.476 0 0 1 15 5.378v47.55c0 19.204-12.619 34.975-32.661 34.975C-.331 87.903-15 73.232-15 55.242V22.09c-12.414 13.492-19.84 31.452-19.84 50.813 0 37.598 27.666 68.733 63.75 74.16-45.234 6.807-86.25-28.093-86.25-74.16C-57.34 38.266-33.58 8.106 0 0"
transform="translate(214.028 256.292)"
fill="#fee95d"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c-6.092-2.794-10.35-8.958-10.35-16.066v-189.177h-15v189.177c0 11.58 10.684 19.588 21.776 17.248A16.53 16.53 0 0 0 0 0m35.321-95.958c-2.201 1.024-4.765 1.595-7.69 1.595-9.713 0-17.66-7.951-17.66-17.661v-40.498h15v40.498c0 7.108 4.258 13.272 10.35 16.066m35.321-9.814c-2.201 1.023-4.765 1.594-7.689 1.594-9.713 0-17.661-7.952-17.661-17.661v-30.683h15v30.683c0 7.108 4.258 13.273 10.35 16.067m35.321-9.816c-2.201 1.025-4.765 1.595-7.689 1.595-9.714 0-17.66-7.951-17.66-17.661v-20.868h15v20.868c0 7.108 4.258 13.272 10.349 16.066M-12.368-320.101h15v54.263l-48.355 29.505.025 84.975c0 9.712 7.948 17.66 17.66 17.66h-14.999c-9.713 0-17.661-7.948-17.661-17.66l-.025-84.975 48.355-29.505z"
transform="translate(239.377 327.6)"
fill="#ffe1ba"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0h15m152.811 62.803h15m75.001 45.001h15m-60-145.305h15m-369.499-77.701h14.999M47.821-336.696v15m53.035 14.656v15M66.929-36.079C64.21-15.494 51.807 0 30 0"
transform="translate(209.188 366.696)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0 9.71 7.947 17.661 17.66 17.661 11.726 0 17.661-9.174 17.661-19.976v-28.369m-70.642 0v134.142c0 10.803-5.936 19.976-17.661 19.976-9.713 0-17.66-7.951-17.66-17.662V-83.404M6.356-198.262h49.018v67.157l15.269 21.907v97.068c0 10.802-5.937 19.976-17.662 19.976-9.713 0-17.66-7.95-17.66-17.661m-141.322-57.204-.014-47.475 48.354-29.505v-54.263h49.017M-70.642-11.859H-88.33c-9.712 0-17.66-7.948-17.66-17.661l-.007-22.5m70.676 61.834c0 9.711 7.947 17.662 17.66 17.662C-5.936 27.476 0 18.303 0 7.5v-38.184"
transform="translate(284.67 205.762)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-21.336 13.221-35.549 36.846-35.549 63.792 0 41.422 33.578 75.001 75 75.001 41.421 0 75-33.579 75-75.001 0-25.301-12.531-47.675-31.723-61.257"
transform="translate(192.237 265.403)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h112.501v-105.001h-22.5m-15 0h-112.5V0H-15"
transform="translate(391.999 504.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h45m-195.151-306.921h15m15 0h15M0 29.999h45"
transform="translate(407 437)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0a37.325 37.325 0 0 0-20.711-6.235c-20.711 0-37.5 16.788-37.5 37.499 0 20.711 16.789 37.5 37.5 37.5s37.5-16.789 37.5-37.5a37.32 37.32 0 0 0-6.236-20.71m-418.319-75.616a37.327 37.327 0 0 0-4.944 18.624c0 20.711 16.788 37.5 37.499 37.5 20.711 0 37.5-16.789 37.5-37.5 0-20.71-16.789-37.5-37.5-37.5a37.327 37.327 0 0 0-22.709 7.66m7.709 209.84c-12.436 0-22.5-10.064-22.5-22.5s10.064-22.5 22.5-22.5c12.437 0 22.5 10.064 22.5 22.5s-10.063 22.5-22.5 22.5zm35.338 16.327c10.544-9.603 17.162-23.442 17.162-38.827 0-28.996-23.504-52.5-52.5-52.5-28.995 0-52.5 23.504-52.5 52.5 0 28.995 23.505 52.5 52.5 52.5a52.291 52.291 0 0 0 22.956-5.274"
transform="translate(450.21 297.932)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-77.258l-45.554-47.804M-242-43.007h34.241l31.914-26.764M-242-200.506h34.241l31.914 26.765m128.033 50.936H37.5"
transform="translate(354.5 452)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category