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, yellow, 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.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 0 23.027-91.773c.418.04.842.064 1.271.064h43.143L44.431 0Z"
transform="translate(309.116 129.445)"
fill="#ab6b51"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-23.01-91.709h43.144c.428 0 .852-.024 1.27-.064L44.432 0Z"
transform="translate(158.522 129.445)"
fill="#ab6b51"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-27.5l23.027-91.774c.418.04.842.064 1.271.064h26.213z"
transform="translate(336.616 129.446)"
fill="#965a44"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-23.01-91.71h27.5L27.5 0Z"
transform="translate(158.522 129.446)"
fill="#965a44"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v40.271a7.643 7.643 0 0 1-7.643 7.643h-28.455a7.642 7.642 0 0 1-7.641-7.643V0Z"
transform="translate(277.904 457.629)"
fill="#ab6b51"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-.492.1-1.001.153-1.522.153h-23.455a7.642 7.642 0 0 1-7.642-7.642v-40.272h26.5v40.272A7.643 7.643 0 0 0 0 0"
transform="translate(266.784 505.39)"
fill="#965a44"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-410.967c-10.43 0-18.965-8.534-18.965-18.966v-294.252c0-10.43 8.535-18.966 18.965-18.966H0c10.431 0 18.966 8.536 18.966 18.966v294.252C18.966-8.534 10.431 0 0 0"
transform="translate(461.517 459.629)"
fill="#bc7c63"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v294.252c0 10.432 8.534 18.966 18.965 18.966h-31.5c-10.431 0-18.965-8.534-18.965-18.966V0c0-10.431 8.534-18.965 18.965-18.965h31.5C8.534-18.965 0-10.431 0 0"
transform="translate(63.086 146.411)"
fill="#ab6b51"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-373.474a6.52 6.52 0 0 1-6.519-6.519v-256.758a6.52 6.52 0 0 1 6.519-6.52H0a6.52 6.52 0 0 1 6.519 6.52V-6.519A6.52 6.52 0 0 1 0 0"
transform="translate(442.772 428.435)"
fill="#dfebfa"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v256.759a6.52 6.52 0 0 0 6.52 6.518h-31.5a6.52 6.52 0 0 1-6.52-6.518V0a6.52 6.52 0 0 1 6.52-6.52h31.5A6.52 6.52 0 0 0 0 0"
transform="translate(94.278 165.158)"
fill="#b1dbfc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-50.797c-7.22 0-13.072-5.854-13.072-13.073v-5.048c0-7.22 5.852-13.072 13.072-13.072H0c7.221 0 13.073 5.852 13.073 13.072v5.048C13.073-5.854 7.221 0 0 0"
transform="translate(384.21 39.736)"
fill="#bc7c63"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v5.048c0 7.221 5.853 13.073 13.072 13.073h-31.5c-7.219 0-13.072-5.852-13.072-13.073V0c0-7.22 5.853-13.072 13.072-13.072h31.5C5.853-13.072 0-7.22 0 0"
transform="translate(351.842 21.615)"
fill="#ab6b51"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-50.798c-7.22 0-13.072-5.854-13.072-13.073v-5.048c0-7.22 5.852-13.072 13.072-13.072H0c7.22 0 13.072 5.852 13.072 13.072v5.048C13.072-5.854 7.22 0 0 0"
transform="translate(178.655 39.736)"
fill="#bc7c63"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v5.048c0 7.221 5.853 13.073 13.072 13.073h-31.5c-7.219 0-13.072-5.852-13.072-13.073V0c0-7.22 5.853-13.072 13.072-13.072h31.5C5.853-13.072 0-7.22 0 0"
transform="translate(146.285 21.615)"
fill="#ab6b51"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-52.643a8.774 8.774 0 0 1-8.773-8.774v-15.705a8.773 8.773 0 0 1 8.773-8.773H0a8.773 8.773 0 0 1 8.774 8.773v15.705A8.774 8.774 0 0 1 0 0"
transform="translate(282.355 403.993)"
fill="#23a8fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v15.704a8.774 8.774 0 0 0 8.773 8.775h-31.5a8.774 8.774 0 0 1-8.773-8.775V0a8.773 8.773 0 0 1 8.773-8.773h31.5A8.773 8.773 0 0 0 0 0"
transform="translate(252.44 379.515)"
fill="#0193fa"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-52.643a8.773 8.773 0 0 1-8.773-8.773v-15.706a8.773 8.773 0 0 1 8.773-8.773H0a8.773 8.773 0 0 1 8.774 8.773v15.706A8.773 8.773 0 0 1 0 0"
transform="translate(192.134 301.735)"
fill="#23a8fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v15.705a8.773 8.773 0 0 0 8.773 8.774h-31.5a8.773 8.773 0 0 1-8.773-8.774V0a8.773 8.773 0 0 1 8.773-8.773h31.5A8.773 8.773 0 0 0 0 0"
transform="translate(162.218 277.257)"
fill="#0193fa"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-52.643a8.773 8.773 0 0 1-8.773-8.773v-15.706a8.773 8.773 0 0 1 8.773-8.773H0a8.773 8.773 0 0 1 8.773 8.773v15.706A8.773 8.773 0 0 1 0 0"
transform="translate(372.577 301.735)"
fill="#23a8fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v15.705a8.773 8.773 0 0 0 8.773 8.774h-31.5a8.773 8.773 0 0 1-8.773-8.774V0a8.773 8.773 0 0 1 8.773-8.773h31.5A8.773 8.773 0 0 0 0 0"
transform="translate(342.661 277.257)"
fill="#0193fa"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-52.643a8.773 8.773 0 0 1-8.773-8.773v-15.706a8.773 8.773 0 0 1 8.773-8.773H0a8.773 8.773 0 0 1 8.774 8.773v15.706A8.773 8.773 0 0 1 0 0"
transform="translate(282.355 216.718)"
fill="#23a8fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v15.705a8.773 8.773 0 0 0 8.773 8.774h-31.5a8.773 8.773 0 0 1-8.773-8.774V0a8.773 8.773 0 0 1 8.773-8.773h31.5A8.773 8.773 0 0 0 0 0"
transform="translate(252.44 192.24)"
fill="#0193fa"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-27.274 16.975a6.128 6.128 0 0 1-6.474 0L-61.022 0c-2.066-1.285-2.066-4.291 0-5.576l27.274-16.975a6.128 6.128 0 0 1 6.474 0L0-5.576C2.064-4.291 2.064-1.285 0 0"
transform="translate(286.546 329.118)"
fill="#ffd301"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-2.065 1.285-2.065 4.291 0 5.576l14.761 9.187-12.513 7.788a6.128 6.128 0 0 1-6.474 0L-31.5 5.576c-2.065-1.285-2.065-4.291 0-5.576l27.274-16.975a6.128 6.128 0 0 1 6.474 0l12.513 7.788z"
transform="translate(257.023 323.542)"
fill="#ffc20c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-50.797c-7.22 0-13.073-5.853-13.073-13.072v-5.049c0-7.22 5.853-13.072 13.073-13.072H0c7.22 0 13.073 5.852 13.073 13.072v5.049C13.073-5.853 7.22 0 0 0Z"
transform="translate(384.177 38.693)"
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-50.798c-7.22 0-13.072-5.853-13.072-13.072v-5.049c0-7.22 5.852-13.072 13.072-13.072H0c7.22 0 13.072 5.852 13.072 13.072v5.049C13.072-5.853 7.22 0 0 0Z"
transform="translate(178.621 38.693)"
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-373.475a6.519 6.519 0 0 1-6.518-6.519v-256.758a6.52 6.52 0 0 1 6.518-6.52H0a6.52 6.52 0 0 1 6.519 6.52V-6.519A6.519 6.519 0 0 1 0 0Z"
transform="translate(442.737 427.393)"
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 0 23.027-87.774c.418.041.842.064 1.271.064h43.143L44.431 0Z"
transform="translate(309.082 126.403)"
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 0-23.011-87.71h43.145c.428 0 .852-.023 1.27-.063L44.431 0Z"
transform="translate(158.487 126.403)"
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 0v38.271a7.643 7.643 0 0 1-7.643 7.643h-28.455a7.643 7.643 0 0 1-7.642-7.643V0Z"
transform="translate(277.87 458.586)"
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-52.643a8.773 8.773 0 0 1-8.773-8.773v-15.706a8.773 8.773 0 0 1 8.773-8.773H0a8.773 8.773 0 0 1 8.773 8.773v15.706A8.773 8.773 0 0 1 0 0Z"
transform="translate(282.321 402.95)"
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-52.643a8.774 8.774 0 0 1-8.773-8.774v-15.705a8.774 8.774 0 0 1 8.773-8.774H0a8.774 8.774 0 0 1 8.774 8.774v15.705A8.774 8.774 0 0 1 0 0Z"
transform="translate(192.1 300.693)"
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-52.643a8.775 8.775 0 0 1-8.774-8.774v-15.705a8.775 8.775 0 0 1 8.774-8.774H0a8.773 8.773 0 0 1 8.773 8.774v15.705A8.773 8.773 0 0 1 0 0Z"
transform="translate(372.543 300.693)"
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-52.643a8.774 8.774 0 0 1-8.773-8.774v-15.705a8.773 8.773 0 0 1 8.773-8.773H0a8.773 8.773 0 0 1 8.773 8.773v15.705A8.773 8.773 0 0 1 0 0Z"
transform="translate(282.321 215.676)"
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 0-27.274 16.975a6.128 6.128 0 0 1-6.474 0L-61.023 0c-2.065-1.285-2.065-4.291 0-5.576l27.275-16.975a6.132 6.132 0 0 1 6.474 0L0-5.576C2.064-4.291 2.064-1.285 0 0Z"
transform="translate(286.512 328.075)"
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 0v-24.648"
transform="translate(256 369.698)"
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 0h58.161v-24.594"
transform="translate(288.06 325.287)"
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-58.162v-24.594"
transform="translate(223.94 325.287)"
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 0v-24.594h180.443V0"
transform="translate(165.778 267.44)"
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 0v27.171"
transform="translate(256 215.676)"
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 0h187.983c10.431 0 18.965 8.534 18.965 18.966v121.197"
transform="translate(273.5 126.403)"
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 0v138.054c0 10.431-8.534 18.966-18.965 18.966h-410.967c-10.43 0-18.964-8.535-18.964-18.966v-294.251c0-10.432 8.534-18.966 18.964-18.966h187.984"
transform="translate(480.448 301.566)"
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