Add icons to this collection by clicking the heart icon.
Interaction icon - also known as technology, computer, digital, multimedia, touch, ui, interaction, circuit, chip, interactivity, and interactive. Created in a clean outline color style with a gray, black, red, maroon, teal, 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="512"
height="512"
viewBox="0 0 64 64"
>
<g>
<path fill="#666" d="M43 30h5v4h-5zM16 30h5v4h-5zM30 21v-5h4v5z" />
<path fill="#f9df70" d="M39 25H25v14h4v-7a3 3 0 0 1 6 0v7h4z" />
<path
fill="#26c6c6"
d="M25 39V25h14v14h-4v4h5a3 3 0 0 0 3-3V24a3 3 0 0 0-3-3H24a3 3 0 0 0-3 3v16a3 3 0 0 0 3 3h5v-4z"
/>
<path
fill="#e8c395"
d="M50 51a3 3 0 0 0-3 3v-2a3 3 0 0 0-6 0v-2a3 3 0 0 0-6 0V32a3 3 0 0 0-6 0v17a6 6 0 0 0-6 6v9h30V54a3 3 0 0 0-3-3z"
/>
<circle cx="32" cy="5" r="4" fill="#22b573" />
<path fill="#1a8856" d="M32 1a4 4 0 0 1 0 8z" />
<circle cx="18" cy="8" r="4" fill="#d84c4c" />
<path fill="#a23939" d="M18 12a4 4 0 0 0 0-8z" />
<circle cx="6" cy="6" r="3" fill="#d84c4c" />
<circle cx="5" cy="32" r="4" fill="#d84c4c" />
<path fill="#a23939" d="M5 36a4 4 0 0 0 0-8z" />
<circle cx="8" cy="18" r="4" fill="#22b573" />
<path fill="#1a8856" d="M8 14a4 4 0 0 1 0 8z" />
<circle cx="46" cy="8" r="4" fill="#d84c4c" />
<path fill="#a23939" d="M46 12a4 4 0 0 0 0-8z" />
<circle cx="58" cy="6" r="3" fill="#d84c4c" />
<circle cx="59" cy="32" r="4" fill="#d84c4c" />
<path fill="#a23939" d="M59 36a4 4 0 0 0 0-8z" />
<circle cx="56" cy="18" r="4" fill="#22b573" />
<path fill="#1a8856" d="M56 14a4 4 0 0 1 0 8z" />
<circle cx="59" cy="46" r="4" fill="#22b573" />
<path fill="#1a8856" d="M59 50a4 4 0 0 0 0-8z" />
<circle cx="5" cy="46" r="4" fill="#22b573" />
<path fill="#1a8856" d="M5 50a4 4 0 0 0 0-8z" />
<g fill="#252525">
<path
d="M6 10a4 4 0 1 0-4-4 4 4 0 0 0 4 4zm0-6a2 2 0 1 1-2 2 2 2 0 0 1 2-2zM39 24H25a1 1 0 0 0-1 1v14a1 1 0 0 0 2 0V26h12v13a1 1 0 0 0 2 0V25a1 1 0 0 0-1-1zM58 10a4 4 0 1 0-4-4 4 4 0 0 0 4 4zm0-6a2 2 0 1 1-2 2 2 2 0 0 1 2-2z"
/>
<path
d="M59 41a4.976 4.976 0 0 0-1.947.4l-4.366-4.123A1.007 1.007 0 0 0 52 37h-8v-2h4a1 1 0 0 0 1-1v-1h5.1a5 5 0 1 0 0-2H49v-1a1 1 0 0 0-1-1h-4v-2h7a1 1 0 0 0 .848-.47l2.412-3.86A4.937 4.937 0 0 0 56 23a5.031 5.031 0 1 0-3.437-1.386L50.445 25H44v-1a4 4 0 0 0-4-4h-1v-6.446l3.387-2.116a5.139 5.139 0 1 0-1.057-1.7l-3.86 2.413A1 1 0 0 0 37 13v7h-2v-4a1 1 0 0 0-1-1h-1V9.9a5 5 0 1 0-2 0V15h-1a1 1 0 0 0-1 1v4h-2v-7a1 1 0 0 0-.47-.848l-3.86-2.413A4.931 4.931 0 0 0 23 8a5.031 5.031 0 1 0-1.387 3.438L25 13.554V20h-1a4 4 0 0 0-4 4v1h-6.445l-2.118-3.386a5.135 5.135 0 1 0-1.7 1.056l2.412 3.86A1 1 0 0 0 13 27h7v2h-4a1 1 0 0 0-1 1v1H9.9a5 5 0 1 0 0 2H15v1a1 1 0 0 0 1 1h4v2h-8a1.007 1.007 0 0 0-.687.272L6.947 41.4a5.076 5.076 0 1 0 1.671 1.174L12.4 39H20v1a4 4 0 0 0 4 4h4v4.08A7.006 7.006 0 0 0 22 55v8a1 1 0 0 0 2 0v-8a5.008 5.008 0 0 1 4-4.9V59a1 1 0 0 0 2 0V32a2 2 0 0 1 4 0v27a1 1 0 0 0 2 0v-9a2 2 0 0 1 4 0v9a1 1 0 0 0 2 0v-7a2 2 0 0 1 4 0v7a1 1 0 0 0 2 0v-5a2 2 0 0 1 4 0v9a1 1 0 0 0 2 0v-9a4 4 0 0 0-6.239-3.313 3.981 3.981 0 0 0-6-2A3.948 3.948 0 0 0 36 46.556V44h4a4 4 0 0 0 4-4v-1h7.6l3.779 3.569A4.987 4.987 0 1 0 59 41zm0-12a3 3 0 1 1-3 3 3 3 0 0 1 3-3zm-3-14a3 3 0 1 1-3 3 3 3 0 0 1 3-3zM46 5a3 3 0 1 1-3 3 3 3 0 0 1 3-3zM29 5a3 3 0 1 1 3 3 3 3 0 0 1-3-3zm-11 6a3 3 0 1 1 3-3 3 3 0 0 1-3 3zM5 18a3 3 0 1 1 3 3 3 3 0 0 1-3-3zm0 17a3 3 0 1 1 3-3 3 3 0 0 1-3 3zm0 14a3 3 0 1 1 3-3 3 3 0 0 1-3 3zm42-18v2h-3v-2zM31 17h2v3h-2zM17 33v-2h3v2zm25 7a2 2 0 0 1-2 2h-4V32a4 4 0 0 0-8 0v10h-4a2 2 0 0 1-2-2V24a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2zm17 9a3 3 0 1 1 3-3 3 3 0 0 1-3 3z"
/>
</g>
</g>
</svg>
More icons in the same style and category