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 flat style with a gray, red, maroon, olive, 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="100"
height="100"
viewBox="0 0 64 64"
>
<path
fill="#077774"
d="M33 8.859c-.321.083-.653.141-1 .141s-.679-.058-1-.141V16h2z"
/>
<path
fill="#a57f2d"
d="M8.859 31c.083.321.141.653.141 1s-.058.679-.141 1H16v-2zM27 13a1 1 0 0 0-.47-.848l-4.732-2.957a3.977 3.977 0 0 1-1.052 1.702L25 13.554V21h2z"
/>
<path
fill="#077774"
d="m13.555 25-2.659-4.253a3.966 3.966 0 0 1-1.701 1.051l2.957 4.732A1 1 0 0 0 13 27h8v-2z"
/>
<path
fill="#a57f2d"
d="M55.141 33c-.083-.321-.141-.653-.141-1s.058-.679.141-1H48v2zM39 13.554l4.253-2.658a3.987 3.987 0 0 1-1.052-1.702l-4.732 2.958A1.002 1.002 0 0 0 37 13v8h2z"
/>
<g fill="#077774">
<path
d="M51 27a1 1 0 0 0 .848-.47l2.958-4.732a3.975 3.975 0 0 1-1.701-1.051L50.445 25H43v2zM57.882 42.178l-5.195-4.906A1.007 1.007 0 0 0 52 37h-9v2h8.603l4.503 4.252a3.978 3.978 0 0 1 1.776-1.074zM12 37c-.255 0-.501.098-.687.272l-5.195 4.906a3.987 3.987 0 0 1 1.777 1.074L12.397 39H21v-2z"
/>
</g>
<path fill="#666" d="M48 34v-4h-5v4zM16 30v4h5v-4zM34 16h-4v5h4z" />
<path
fill="#26c6c6"
d="M43 34V24a3 3 0 0 0-3-3H24a3 3 0 0 0-3 3v16a3 3 0 0 0 3 3h5v-4h-4V25h14v14h-4v4h5a3 3 0 0 0 3-3v-3z"
/>
<path
fill="#22b573"
d="M33 8.859c1.722-.447 3-1.997 3-3.859a4 4 0 0 0-8 0c0 1.862 1.278 3.412 3 3.859.321.083.653.141 1 .141s.679-.058 1-.141z"
/>
<path
fill="#d84c4c"
d="M21.798 9.194C21.918 8.815 22 8.419 22 8a4 4 0 1 0-4 4 3.978 3.978 0 0 0 3.798-2.806zM8.859 31C8.412 29.278 6.862 28 5 28a4 4 0 0 0 0 8c1.862 0 3.412-1.278 3.859-3 .083-.321.141-.653.141-1s-.058-.679-.141-1z"
/>
<path
fill="#22b573"
d="M10.896 20.747A3.98 3.98 0 0 0 12 18a4 4 0 1 0-4 4 3.94 3.94 0 0 0 1.195-.202 3.985 3.985 0 0 0 1.701-1.051z"
/>
<path
fill="#d84c4c"
d="M43.253 10.896A3.982 3.982 0 0 0 46 12a4 4 0 1 0-4-4c0 .419.082.815.202 1.194.206.656.565 1.24 1.051 1.702zM55.141 33A3.991 3.991 0 0 0 59 36a4 4 0 0 0 0-8c-1.862 0-3.412 1.278-3.859 3-.083.321-.141.653-.141 1s.058.679.141 1z"
/>
<path
fill="#22b573"
d="M54.805 21.798c.38.12.776.202 1.195.202a4 4 0 1 0-4-4 3.978 3.978 0 0 0 2.805 3.798zM59 42c-.391 0-.761.074-1.118.178A3.987 3.987 0 0 0 55 46a4 4 0 1 0 4-4zM6.118 42.178A3.973 3.973 0 0 0 5 42a4 4 0 1 0 4 4 3.977 3.977 0 0 0-2.882-3.822z"
/>
<path fill="#f9df70" d="M39 25H25v14h4v-7a3 3 0 1 1 6 0v7h4z" />
<path
fill="#e8c395"
d="M50 51a3 3 0 0 0-3 3v-2a3 3 0 1 0-6 0v-2a3 3 0 1 0-6 0V32a3 3 0 1 0-6 0v17a6 6 0 0 0-6 6v9h30V54a3 3 0 0 0-3-3z"
/>
<path fill="#1a8856" d="M32 1a4 4 0 0 1 0 8z" />
<path fill="#a23939" d="M18 12a4 4 0 0 0 0-8z" />
<circle cx="6" cy="6" r="3" fill="#d84c4c" />
<path fill="#a23939" d="M5 36a4 4 0 0 0 0-8z" />
<path fill="#1a8856" d="M8 14a4 4 0 0 1 0 8z" />
<path fill="#a23939" d="M46 12a4 4 0 0 0 0-8z" />
<circle cx="58" cy="6" r="3" fill="#d84c4c" />
<path fill="#a23939" d="M59 36a4 4 0 0 0 0-8z" />
<path
fill="#1a8856"
d="M56 14a4 4 0 0 1 0 8zM59 50a4 4 0 0 0 0-8zM5 50a4 4 0 0 0 0-8z"
/>
<path
fill="#ae9270"
d="M50 50c-.829 0-1.6.254-2.239.687C47.214 49.128 45.744 48 44 48c-.829 0-1.6.254-2.239.687C41.214 47.128 39.744 46 38 46c-.732 0-1.409.212-2 .556V32c0-2.206-1.794-4-4-4s-4 1.794-4 4v16.08c-3.386.488-6 3.401-6 6.92v8a1 1 0 1 0 2 0v-8a5.008 5.008 0 0 1 4-4.899V59a1 1 0 1 0 2 0V32c0-1.103.897-2 2-2s2 .897 2 2v27a1 1 0 1 0 2 0v-9c0-1.103.897-2 2-2s2 .897 2 2v9a1 1 0 1 0 2 0v-7c0-1.103.897-2 2-2s2 .897 2 2v7a1 1 0 1 0 2 0v-5c0-1.103.897-2 2-2s2 .897 2 2v9a1 1 0 1 0 2 0v-9c0-2.206-1.794-4-4-4z"
/>
</svg>
More icons in the same style and category