Add icons to this collection by clicking the heart icon.
Interaction icon - also known as technology, touch screen, digital, multimedia, ui, interaction, electronics, gaming, virtual reality, interactive, and augmented reality. Created in a clean lineal color style with a white, silver, gray, black, red, yellow, teal, and orange 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.665"
height="682.667"
viewBox="0 0 682.665 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 0v-435.291c0-8.723 7.071-15.794 15.793-15.794h369.473c8.723 0 15.794 7.071 15.794 15.794V0Z"
transform="translate(55.517 458.6)"
fill="#dfebfa"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v435.291h-30V0c0-8.723 7.071-15.794 15.793-15.794h30C7.071-15.794 0-8.723 0 0"
transform="translate(85.517 23.31)"
fill="#b1dbfc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-338.963v-47.915H15.794v32.121C15.794-7.071 8.723 0 0 0"
transform="translate(440.783 504.516)"
fill="#23a8fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-32.51c-8.722 0-15.793-7.071-15.793-15.794v-32.121H0Z"
transform="translate(103.82 504.516)"
fill="#ff656f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30c-8.722 0-15.793-7.071-15.793-15.794v-32.121h30v32.121C-15.793-7.071-8.722 0 0 0"
transform="translate(101.31 504.516)"
fill="#ff4756"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-111.99c-6.95 0-12.637-5.687-12.637-12.638V-47.39c0-6.95 5.687-12.637 12.637-12.637H0c6.951 0 12.637 5.687 12.637 12.637v34.752C12.637-5.687 6.951 0 0 0"
transform="translate(404.274 404.642)"
fill="#fee55a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-111.99c-6.95 0-12.637-5.687-12.637-12.637v-34.752c0-6.951 5.687-12.637 12.637-12.637H0c6.951 0 12.637 5.686 12.637 12.637v34.752C12.637-5.687 6.951 0 0 0"
transform="translate(404.274 312.882)"
fill="#ffa85d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v34.752c0 6.95-5.687 12.638-12.637 12.638h-60.192c-6.95 0-12.637-5.688-12.637-12.638V0c0-6.951 5.687-12.638 12.637-12.638h60.192C-5.687-12.638 0-6.951 0 0"
transform="translate(179.878 219.613)"
fill="#23a8fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-111.99c-6.95 0-12.637-5.687-12.637-12.637V-47.39c0-6.95 5.687-12.636 12.637-12.636H0c6.951 0 12.637 5.686 12.637 12.636v34.753C12.637-5.687 6.951 0 0 0"
transform="translate(404.274 221.122)"
fill="#ff656f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-111.99c-6.95 0-12.637-5.687-12.637-12.637V-47.39c0-6.95 5.687-12.636 12.637-12.636H0c6.951 0 12.637 5.686 12.637 12.636v34.753C12.637-5.687 6.951 0 0 0"
transform="translate(404.274 129.362)"
fill="#43cb8e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v34.752C0 41.703 5.687 47.39 12.637 47.39h-30C-24.313 47.39-30 41.703-30 34.752V0c0-6.95 5.687-12.638 12.637-12.638h30C5.687-12.638 0-6.95 0 0"
transform="translate(309.647 357.253)"
fill="#ffd301"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v34.752c0 6.95 5.687 12.638 12.637 12.638h-30C-24.313 47.39-30 41.702-30 34.752V0c0-6.951 5.687-12.638 12.637-12.638h30C5.687-12.638 0-6.951 0 0"
transform="translate(309.647 265.493)"
fill="#ff9839"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v34.752c0 6.95 5.687 12.638 12.637 12.638h-30C-24.313 47.39-30 41.702-30 34.752V0c0-6.951 5.687-12.638 12.637-12.638h30C5.687-12.638 0-6.951 0 0"
transform="translate(124.412 219.613)"
fill="#0193fa"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v34.753c0 6.95 5.687 12.637 12.637 12.637h-30C-24.313 47.39-30 41.703-30 34.753V0c0-6.95 5.687-12.637 12.637-12.637h30C5.687-12.637 0-6.95 0 0"
transform="translate(309.647 173.732)"
fill="#ff4756"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v34.753c0 6.95 5.687 12.637 12.637 12.637h-30C-24.313 47.39-30 41.703-30 34.753V0c0-6.95 5.687-12.637 12.637-12.637h30C5.687-12.637 0-6.95 0 0"
transform="translate(309.647 81.973)"
fill="#00ba66"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-111.99c-6.95 0-12.637-5.687-12.637-12.638V-47.39c0-6.95 5.687-12.637 12.637-12.637H0c6.951 0 12.637 5.687 12.637 12.637v34.752C12.637-5.687 6.951 0 0 0Z"
transform="translate(404.24 404.642)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-111.99c-6.95 0-12.637-5.687-12.637-12.637v-34.752c0-6.951 5.687-12.637 12.637-12.637H0c6.951 0 12.637 5.686 12.637 12.637v34.752C12.637-5.687 6.951 0 0 0Z"
transform="translate(404.24 312.882)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v34.752c0 6.95-5.687 12.638-12.637 12.638h-60.192c-6.95 0-12.637-5.688-12.637-12.638V0c0-6.951 5.687-12.638 12.637-12.638h60.192C-5.687-12.638 0-6.951 0 0Z"
transform="translate(179.844 219.613)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-111.99c-6.95 0-12.637-5.687-12.637-12.637V-47.39c0-6.95 5.687-12.636 12.637-12.636H0c6.951 0 12.637 5.686 12.637 12.636v34.753C12.637-5.687 6.951 0 0 0Z"
transform="translate(404.24 221.122)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-111.99c-6.95 0-12.637-5.687-12.637-12.637V-47.39c0-6.95 5.687-12.636 12.637-12.636H0c6.951 0 12.637 5.686 12.637 12.636v34.753C12.637-5.687 6.951 0 0 0Z"
transform="translate(404.24 129.362)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-37.884c-6.373 0-11.54-5.167-11.54-11.54v-252.199c0-6.374 5.167-11.54 11.54-11.54H0"
transform="translate(279.613 374.629)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-49.424"
transform="translate(279.613 282.87)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-49.424"
transform="translate(279.613 191.11)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h50.345"
transform="translate(179.844 236.99)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-369.473c-8.722 0-15.793-7.071-15.793-15.794v-32.121h401.06v32.121C15.794-7.071 8.723 0 0 0Z"
transform="translate(440.736 504.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-32.51c-8.722 0-15.793-7.071-15.793-15.794v-32.121H0Z"
transform="translate(103.773 504.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h167.236c8.723 0 15.794 7.071 15.794 15.794V231"
transform="translate(273.5 7.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v215.206C0 223.929-7.071 231-15.794 231h-369.473c-8.722 0-15.793-7.071-15.793-15.794v-465.412c0-8.723 7.071-15.794 15.793-15.794h167.237"
transform="translate(456.53 273.5)"
fill="none"
stroke="#000"
stroke-width="15"
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