Add icons to this collection by clicking the heart icon.
Interaction icon - also known as technology, interface, tablet, digital, touch, design, interaction, and art and design. Created in a clean outline color style with a white, gray, yellow, navy, magenta, 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="512"
height="512"
viewBox="0 0 64 64"
>
<path fill="#fff" d="M5.5 10.5h27v41h-27z" />
<path
fill="#efefef"
d="M32.49 51.5H5.5v-41h1.87c.63 5.62 2.09 10.99 4.25 16 1.84 4.3 4.21 8.33 7.01 12a57.12 57.12 0 0 0 13.86 13z"
/>
<path
fill="#06afff"
d="M36.32 8.58a3.092 3.092 0 0 0-2.91-2.08H4.6c-1.71 0-3.1 1.39-3.1 3.1v44.81c0 1.71 1.38 3.09 3.09 3.09H33.4c1.71 0 3.1-1.39 3.1-3.1V49zM32.5 51.5h-27v-41h27z"
/>
<path
fill="#fcda35"
d="M59.853 44.699 62.5 23.5c0-10-7.72-16.998-16.939-16.998S28.5 14.5 28.5 23.5l-2.257 13.603a1.234 1.234 0 0 0 1.223 1.397h1.801c.588 0 1.095.415 1.21.992l1.693 8.467a1.235 1.235 0 0 0 1.333.986l7.745-.774a1.233 1.233 0 0 1 1.327 1.495l-1.407 6.333a1.234 1.234 0 0 0 1.204 1.502H59.55c.722 0 1.289-.617 1.23-1.336l-.934-11.203.007-.263z"
/>
<path
fill="#faca00"
d="M60.78 56.16c.06.72-.51 1.34-1.23 1.34H42.37c-.79 0-1.37-.73-1.2-1.5l1.41-6.33c.18-.83-.49-1.58-1.33-1.5l-7.75.77c-.63.07-1.2-.36-1.33-.98l-1.69-8.47c-.12-.57-.62-.99-1.21-.99h-1.8c-.75 0-1.33-.66-1.23-1.4l2.26-13.6c0-1.59.24-3.14.7-4.63 6.42 12.6 17.4 22.49 30.77 27.51z"
/>
<path fill="#efefef" d="m48.5 28.495-1 5.005h-5l-1-5.005z" />
<path
fill="#d949ac"
d="M47.5 33.537c0 1.084-1.099 1.963-2.454 1.963h-.092c-1.355 0-2.454-.879-2.454-1.963z"
/>
<path fill="#ff56cb" d="M9.5 26.5h13v12h-13z" />
<path
fill="#0688ff"
d="M32.5 51.5h-27v-41h1.87a52.61 52.61 0 0 1-.31-4H4.6c-1.71 0-3.1 1.39-3.1 3.1v44.81c0 1.71 1.38 3.09 3.09 3.09H33.4c1.71 0 3.1-1.39 3.1-3.1v-.46a56.16 56.16 0 0 1-4-2.44z"
/>
<path
fill="#d949ac"
d="M18.63 38.5H9.5v-12h2.12c1.84 4.3 4.21 8.33 7.01 12z"
/>
<circle cx="45" cy="24" r="5.5" fill="#ff56cb" />
<path
fill="#d949ac"
d="M49.1 27.65A5.405 5.405 0 0 1 45 29.5c-3.04 0-5.5-2.46-5.5-5.5 0-1.88.94-3.53 2.37-4.52a56.14 56.14 0 0 0 7.23 8.17z"
/>
<g fill="#2828b8">
<path
d="M62.5 24a.5.5 0 0 1-.5-.5c0-9.405-7.067-16.498-16.439-16.498C36.739 7.002 29 14.711 29 23.5a.5.5 0 0 1-1 0c0-9.321 8.206-17.498 17.561-17.498C55.503 6.002 63 13.524 63 23.5a.5.5 0 0 1-.5.5z"
/>
<path
d="M59.55 58H42.373a1.724 1.724 0 0 1-1.352-.649 1.727 1.727 0 0 1-.341-1.461l1.408-6.333a.735.735 0 0 0-.789-.889l-7.745.774a1.731 1.731 0 0 1-1.873-1.385l-1.693-8.467a.736.736 0 0 0-.72-.59h-1.802a1.732 1.732 0 0 1-1.718-1.963l2.259-13.619a.494.494 0 0 1 .575-.411.5.5 0 0 1 .411.575l-2.256 13.603a.713.713 0 0 0 .178.564.72.72 0 0 0 .552.25h1.802c.823 0 1.538.586 1.7 1.394l1.693 8.467a.729.729 0 0 0 .793.586l7.745-.774a1.711 1.711 0 0 1 1.469.574c.374.421.519.978.396 1.527l-1.408 6.333c-.049.218.004.444.144.619s.348.275.572.275H59.55c.208 0 .399-.084.54-.237s.208-.351.191-.558l-.934-11.203.006-.319 2.65-21.245a.5.5 0 1 1 .992.124l-2.65 21.413.932 11.147A1.734 1.734 0 0 1 59.55 58z"
/>
<path
d="M33.404 58H4.592A3.596 3.596 0 0 1 1 54.408V9.596A3.6 3.6 0 0 1 4.596 6h28.812a3.6 3.6 0 0 1 3.387 2.416.5.5 0 1 1-.943.331A2.601 2.601 0 0 0 33.408 7H4.596A2.6 2.6 0 0 0 2 9.596v44.812A2.595 2.595 0 0 0 4.592 57h28.812A2.6 2.6 0 0 0 36 54.404V49a.5.5 0 0 1 1 0v5.404A3.6 3.6 0 0 1 33.404 58z"
/>
<path
d="M5.5 23a.5.5 0 0 1-.5-.5v-12a.5.5 0 0 1 .5-.5h27a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0V11H6v11.5a.5.5 0 0 1-.5.5zM5.5 31a.5.5 0 0 1-.5-.5v-5a.5.5 0 0 1 1 0v5a.5.5 0 0 1-.5.5zM32.5 52h-27a.5.5 0 0 1-.5-.5v-16a.5.5 0 0 1 1 0V51h26v-2.419a.5.5 0 0 1 1 0V51.5a.5.5 0 0 1-.5.5zM19.5 56c-.827 0-1.5-.673-1.5-1.5s.673-1.5 1.5-1.5 1.5.673 1.5 1.5-.673 1.5-1.5 1.5zm0-2a.5.5 0 1 0 0 1 .5.5 0 0 0 0-1zM45 30c-3.309 0-6-2.691-6-6s2.691-6 6-6 6 2.691 6 6-2.691 6-6 6zm0-11c-2.757 0-5 2.243-5 5s2.243 5 5 5 5-2.243 5-5-2.243-5-5-5z"
/>
<path
d="M47.5 34h-5a.5.5 0 0 1-.49-.402l-1-5.004a.5.5 0 0 1 .98-.196L42.91 33h4.18l.92-4.603a.5.5 0 1 1 .98.196l-1 5.004a.5.5 0 0 1-.49.403z"
/>
<path
d="M46.5 32h-1a.5.5 0 0 1 0-1h1a.5.5 0 0 1 0 1zM45.046 36C43.325 36 42 34.895 42 33.537a.5.5 0 0 1 1 0c0 .807.876 1.463 1.954 1.463 1.17 0 2.046-.656 2.046-1.463a.5.5 0 0 1 1 0C48 34.895 46.675 36 45.046 36zM44.5 27a.5.5 0 0 1-.354-.853L45.293 25H43.5a.5.5 0 0 1-.354-.854l3-3a.5.5 0 0 1 .707.707L44.707 24H46.5a.5.5 0 0 1 .354.854l-2 2A.502.502 0 0 1 44.5 27zM27.5 15h-18a.5.5 0 0 1 0-1h18a.5.5 0 0 1 0 1zM26.5 43h-17a.5.5 0 0 1 0-1h17a.5.5 0 0 1 0 1zM14.5 47h-5a.5.5 0 0 1 0-1h5a.5.5 0 0 1 0 1zM10.5 19h-1a.5.5 0 0 1 0-1h1a.5.5 0 0 1 0 1zM10.5 23h-1a.5.5 0 0 1 0-1h1a.5.5 0 0 1 0 1zM15.5 23h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 0 1zM20.5 23h-1a.5.5 0 0 1 0-1h1a.5.5 0 0 1 0 1zM25.5 23h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 0 1zM26.5 19h-14a.5.5 0 0 1 0-1h14a.5.5 0 0 1 0 1zM22.5 39h-13a.5.5 0 0 1-.5-.5v-12a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 .5.5v12a.5.5 0 0 1-.5.5zM10 38h12V27H10zM26.5 47h-3a.5.5 0 0 1 0-1h3a.5.5 0 0 1 0 1z"
/>
</g>
</svg>
More icons in the same style and category