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, black, red, 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 0v-100.021c0-5.1 4.134-9.234 9.233-9.234h73.251a9.234 9.234 0 0 1 9.234 9.234V0Z"
transform="translate(389.582 116.755)"
fill="#dfebfa"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v100.021h-30.667V0c0-5.1 4.134-9.233 9.233-9.233H9.233A9.233 9.233 0 0 0 0 0"
transform="translate(420.249 16.733)"
fill="#b1dbfc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-73.251a9.234 9.234 0 0 1-9.234-9.233V-33.12H9.233v23.887A9.233 9.233 0 0 1 0 0"
transform="translate(472.067 147.875)"
fill="#ff656f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30.667A9.233 9.233 0 0 1-39.9-9.233V-33.12h30.667v23.887A9.233 9.233 0 0 0 0 0"
transform="translate(429.482 147.875)"
fill="#ff4756"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-73.251a9.234 9.234 0 0 1-9.234-9.233V-33.12H9.233v23.887A9.233 9.233 0 0 1 0 0"
transform="translate(472.067 147.875)"
fill="#ff656f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30.667A9.233 9.233 0 0 1-39.9-9.233V-33.12h30.667v23.887A9.233 9.233 0 0 0 0 0"
transform="translate(429.482 147.875)"
fill="#ff4756"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-100.021c0-5.1 4.134-9.234 9.233-9.234h73.251a9.234 9.234 0 0 1 9.234 9.234V0Z"
transform="translate(389.582 473.38)"
fill="#dfebfa"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v100.021h-30.667V0c0-5.1 4.134-9.233 9.233-9.233H9.233A9.233 9.233 0 0 0 0 0"
transform="translate(420.249 373.358)"
fill="#b1dbfc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-73.251a9.234 9.234 0 0 1-9.234-9.233V-33.12H9.233v23.887A9.233 9.233 0 0 1 0 0"
transform="translate(472.067 504.5)"
fill="#ff656f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30.667A9.233 9.233 0 0 1-39.9-9.233V-33.12h30.667v23.887A9.233 9.233 0 0 0 0 0"
transform="translate(429.482 504.5)"
fill="#ff4756"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-73.251a9.234 9.234 0 0 1-9.234-9.233V-33.12H9.233v23.887A9.233 9.233 0 0 1 0 0"
transform="translate(472.067 504.5)"
fill="#ff656f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30.667A9.233 9.233 0 0 1-39.9-9.233V-33.12h30.667v23.887A9.233 9.233 0 0 0 0 0"
transform="translate(429.482 504.5)"
fill="#ff4756"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-100.021c0-5.1 4.134-9.234 9.233-9.234h73.251a9.234 9.234 0 0 1 9.234 9.234V0Z"
transform="translate(389.582 295.067)"
fill="#dfebfa"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v100.021h-30.667V0c0-5.1 4.134-9.233 9.233-9.233H9.233A9.233 9.233 0 0 0 0 0"
transform="translate(420.249 195.046)"
fill="#b1dbfc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-73.251a9.234 9.234 0 0 1-9.234-9.233V-33.12H9.233v23.887A9.233 9.233 0 0 1 0 0"
transform="translate(472.067 326.188)"
fill="#ff656f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30.667A9.233 9.233 0 0 1-39.9-9.233V-33.12h30.667v23.887A9.233 9.233 0 0 0 0 0"
transform="translate(429.482 326.188)"
fill="#ff4756"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-73.251a9.234 9.234 0 0 1-9.234-9.233V-33.12H9.233v23.887A9.233 9.233 0 0 1 0 0"
transform="translate(472.067 326.188)"
fill="#ff656f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30.667A9.233 9.233 0 0 1-39.9-9.233V-33.12h30.667v23.887A9.233 9.233 0 0 0 0 0"
transform="translate(429.482 326.188)"
fill="#ff4756"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-100.021c0-5.1 4.134-9.234 9.233-9.234h73.251c5.1 0 9.234 4.134 9.234 9.234V0Z"
transform="translate(30.768 473.38)"
fill="#dfebfa"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v100.021h-30.667V0c0-5.1 4.134-9.233 9.233-9.233H9.233A9.233 9.233 0 0 0 0 0"
transform="translate(61.435 373.358)"
fill="#b1dbfc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-100.021c0-5.1 4.134-9.234 9.233-9.234h73.251c5.1 0 9.234 4.134 9.234 9.234V0Z"
transform="translate(210.175 473.38)"
fill="#dfebfa"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v100.021h-30.667V0c0-5.1 4.134-9.233 9.233-9.233H9.233A9.233 9.233 0 0 0 0 0"
transform="translate(240.842 373.358)"
fill="#b1dbfc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-73.251a9.233 9.233 0 0 1-9.233-9.233V-33.12H9.233v23.887A9.233 9.233 0 0 1 0 0"
transform="translate(292.66 504.5)"
fill="#ff656f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30.667A9.233 9.233 0 0 1-39.9-9.233V-33.12h30.667v23.887A9.233 9.233 0 0 0 0 0"
transform="translate(250.075 504.5)"
fill="#ff4756"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-73.251a9.233 9.233 0 0 1-9.233-9.233V-33.12H9.233v23.887A9.233 9.233 0 0 1 0 0"
transform="translate(292.66 504.5)"
fill="#ff656f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30.667A9.233 9.233 0 0 1-39.9-9.233V-33.12h30.667v23.887A9.233 9.233 0 0 0 0 0"
transform="translate(250.075 504.5)"
fill="#ff4756"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-100.021c0-5.1 4.134-9.234 9.233-9.234h73.251c5.1 0 9.234 4.134 9.234 9.234V0Z"
transform="translate(210.175 295.067)"
fill="#dfebfa"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v100.021h-30.667V0c0-5.1 4.134-9.233 9.233-9.233H9.233A9.233 9.233 0 0 0 0 0"
transform="translate(240.842 195.046)"
fill="#b1dbfc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-73.251a9.233 9.233 0 0 1-9.233-9.233V-33.12H9.233v23.887A9.233 9.233 0 0 1 0 0"
transform="translate(292.66 326.188)"
fill="#ff656f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30.667A9.233 9.233 0 0 1-39.9-9.233V-33.12h30.667v23.887A9.233 9.233 0 0 0 0 0"
transform="translate(250.075 326.188)"
fill="#ff4756"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-73.251a9.233 9.233 0 0 1-9.233-9.233V-33.12H9.233v23.887A9.233 9.233 0 0 1 0 0"
transform="translate(292.66 326.188)"
fill="#ff656f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30.667A9.233 9.233 0 0 1-39.9-9.233V-33.12h30.667v23.887A9.233 9.233 0 0 0 0 0"
transform="translate(250.075 326.188)"
fill="#ff4756"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-73.251a9.233 9.233 0 0 1-9.233-9.233V-33.12H9.233v23.887A9.233 9.233 0 0 1 0 0"
transform="translate(113.253 504.5)"
fill="#ff656f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30.667A9.233 9.233 0 0 1-39.9-9.233V-33.12h30.667v23.887A9.233 9.233 0 0 0 0 0"
transform="translate(70.668 504.5)"
fill="#ff4756"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-73.251a9.233 9.233 0 0 1-9.233-9.233V-33.12H9.233v23.887A9.233 9.233 0 0 1 0 0"
transform="translate(113.253 504.5)"
fill="#ff656f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30.667A9.233 9.233 0 0 1-39.9-9.233V-33.12h30.667v23.887A9.233 9.233 0 0 0 0 0"
transform="translate(70.668 504.5)"
fill="#ff4756"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-73.251a9.233 9.233 0 0 1-9.233-9.233v-121.909a9.233 9.233 0 0 1 9.233-9.233H0a9.233 9.233 0 0 1 9.233 9.233V-9.233A9.233 9.233 0 0 1 0 0Z"
transform="translate(113.219 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-73.251a9.233 9.233 0 0 1-9.233-9.233V-33.12H9.233v23.887A9.233 9.233 0 0 1 0 0Z"
transform="translate(113.219 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-73.251a9.233 9.233 0 0 1-9.233-9.233V-33.12H9.233v23.887A9.233 9.233 0 0 1 0 0Z"
transform="translate(472.032 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-73.251a9.233 9.233 0 0 1-9.233-9.233v-121.909a9.233 9.233 0 0 1 9.233-9.233H0c5.1 0 9.233 4.134 9.233 9.233V-9.233A9.233 9.233 0 0 1 0 0Z"
transform="translate(292.625 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-73.251a9.233 9.233 0 0 1-9.233-9.233V-33.12H9.233v23.887A9.233 9.233 0 0 1 0 0Z"
transform="translate(292.625 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 0h87.689"
transform="translate(122.452 487.94)"
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 0h87.689"
transform="translate(301.859 487.94)"
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-178.312h43.845"
transform="translate(166.296 487.94)"
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-178.312h43.844"
transform="translate(345.704 487.94)"
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-192.028h43.844"
transform="translate(345.704 323.344)"
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-39.41"
transform="translate(455.112 444.808)"
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-39.41"
transform="translate(455.112 417.82)"
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-39.41"
transform="translate(455.112 390.832)"
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-39.41"
transform="translate(275.705 444.808)"
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-39.41"
transform="translate(275.705 417.82)"
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-39.41"
transform="translate(275.705 390.832)"
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-39.41"
transform="translate(96.298 444.808)"
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-39.41"
transform="translate(96.298 417.82)"
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-39.41"
transform="translate(96.298 390.832)"
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-73.251a9.233 9.233 0 0 1-9.233-9.233v-121.909a9.233 9.233 0 0 1 9.233-9.233H0c5.1 0 9.233 4.134 9.233 9.233V-9.233A9.233 9.233 0 0 1 0 0Z"
transform="translate(472.032 326.188)"
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-73.251a9.233 9.233 0 0 1-9.233-9.233V-33.12H9.233v23.887A9.233 9.233 0 0 1 0 0Z"
transform="translate(472.032 326.188)"
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-39.41"
transform="translate(455.112 266.495)"
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-39.41"
transform="translate(455.112 239.508)"
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-39.41"
transform="translate(455.112 212.52)"
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-73.251a9.233 9.233 0 0 1-9.233-9.233v-121.909a9.233 9.233 0 0 1 9.233-9.233H0c5.1 0 9.233 4.134 9.233 9.233V-9.233A9.233 9.233 0 0 1 0 0Z"
transform="translate(472.032 147.875)"
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-73.251a9.233 9.233 0 0 1-9.233-9.233V-33.12H9.233v23.887A9.233 9.233 0 0 1 0 0Z"
transform="translate(472.032 147.875)"
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-39.41"
transform="translate(455.112 88.183)"
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-39.41"
transform="translate(455.112 61.195)"
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-39.41"
transform="translate(455.112 34.207)"
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-73.251a9.233 9.233 0 0 1-9.233-9.233V-33.12H9.233v23.887A9.233 9.233 0 0 1 0 0Z"
transform="translate(292.625 326.188)"
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-39.41"
transform="translate(275.705 266.495)"
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-39.41"
transform="translate(275.705 239.508)"
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-39.41"
transform="translate(275.705 212.52)"
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 0h19.125c5.1 0 9.234 4.134 9.234 9.233v121.909a9.234 9.234 0 0 1-9.234 9.233h-73.25a9.234 9.234 0 0 1-9.234-9.233V9.233A9.234 9.234 0 0 1-54.125 0H-35"
transform="translate(273.5 185.813)"
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 0v59.946c0 5.1-4.134 9.234-9.233 9.234h-73.251a9.234 9.234 0 0 1-9.234-9.234V-61.962c0-5.1 4.135-9.233 9.234-9.233h73.251A9.233 9.233 0 0 1 0-61.962V-35"
transform="translate(481.266 435.32)"
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