Add icons to this collection by clicking the heart icon.
Interaction icon - also known as technology, computer, interface, data, finger, touch, programming, and interaction. Created in a clean flat style, 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 24 24"
>
<path
fill="#edf2ff"
d="M.75 4.75V18A2.253 2.253 0 0 0 3 20.25h18A2.253 2.253 0 0 0 23.25 18V4.75z"
/>
<path
fill="#bed2e8"
d="M5.75 20.25H3A2.253 2.253 0 0 1 .75 18V4.75H3.5V18a2.253 2.253 0 0 0 2.25 2.25z"
/>
<circle cx="6" cy="8" r="3.25" fill="#4bfabf" />
<path
fill="#807a6e"
d="M21 1.75H3A2.253 2.253 0 0 0 .75 4v1.25h22.5V4A2.253 2.253 0 0 0 21 1.75z"
/>
<path
fill="#524d46"
d="M5.75 1.75A2.253 2.253 0 0 0 3.5 4v1.25H.75V4A2.253 2.253 0 0 1 3 1.75z"
/>
<circle cx="3.5" cy="3.5" r=".75" fill="#fa8f82" />
<circle cx="5.5" cy="3.5" r=".75" fill="#e8fa9b" />
<circle cx="7.5" cy="3.5" r=".75" fill="#a5fa9b" />
<path
fill="#edf2ff"
d="M20.5 2.75h-7a.75.75 0 0 0 0 1.5h7a.75.75 0 0 0 0-1.5z"
/>
<path
fill="#807a6e"
d="M15.5 11.75a.25.25 0 0 0-.25.25v6a.25.25 0 0 0 .5 0v-6a.25.25 0 0 0-.25-.25zM17.5 8.75a.25.25 0 0 0-.25.25v6a.25.25 0 0 0 .5 0V9a.25.25 0 0 0-.25-.25zM19.5 11.75a.25.25 0 0 0-.25.25v6a.25.25 0 0 0 .5 0v-6a.25.25 0 0 0-.25-.25zM21.5 6.75a.25.25 0 0 0-.25.25v6a.25.25 0 0 0 .5 0V7a.25.25 0 0 0-.25-.25z"
/>
<path
fill="#f8d5b9"
d="M12 11.75a1.244 1.244 0 0 0-.75.25 1.25 1.25 0 0 0-2-1 1.25 1.25 0 0 0-2-1V8a1.25 1.25 0 0 0-2.5 0v2.75H4A1.251 1.251 0 0 0 2.75 12v5.171a2.234 2.234 0 0 0 .66 1.592l.827.828a2.234 2.234 0 0 0 1.592.659H11a.25.25 0 0 0 .177-.073l1.414-1.414a2.234 2.234 0 0 0 .659-1.592V13A1.251 1.251 0 0 0 12 11.75z"
/>
<g fill="#f1b695">
<path
d="M4.99 19.59a2.207 2.207 0 0 0 1.59.66h-.75a2.207 2.207 0 0 1-1.59-.66l-.83-.83a2.207 2.207 0 0 1-.66-1.59V12A1.25 1.25 0 0 1 4 10.75h.75A1.25 1.25 0 0 0 3.5 12v5.17a2.207 2.207 0 0 0 .66 1.59zM11.25 12v2a.25.25 0 0 1-.5 0v-3a1.26 1.26 0 0 1 .5 1zM9.25 11v2a.25.25 0 0 1-.5 0v-3a1.26 1.26 0 0 1 .5 1zM7.25 8v4a.25.25 0 0 1-.5 0V7a1.26 1.26 0 0 1 .5 1z"
/>
<path d="M5.25 7v6a.25.25 0 0 1-.5 0V8a1.26 1.26 0 0 1 .5-1z" />
</g>
<path
fill="#edf2ff"
d="M5.91 17.237a2.234 2.234 0 0 0-.66 1.592V20h.5v-1.171a1.739 1.739 0 0 1 .513-1.238l1.414-1.414-.354-.354zM8.25 18h.5v2h-.5zM10.25 18h.5v2h-.5z"
/>
<circle cx="7.5" cy="15.5" r=".75" fill="#4bfabf" />
<circle cx="8.5" cy="17.5" r=".75" fill="#4bfabf" />
<circle cx="10.5" cy="17.5" r=".75" fill="#4bfabf" />
<path
fill="#807a6e"
d="M11 19.75H5a1.25 1.25 0 0 0 0 2.5h6a1.25 1.25 0 0 0 0-2.5z"
/>
<path
fill="#4bfabf"
d="M9.34 5.784a.25.25 0 0 0-.091.341 3.756 3.756 0 0 1 0 3.75.25.25 0 0 0 .091.341.246.246 0 0 0 .125.034.25.25 0 0 0 .216-.125 4.254 4.254 0 0 0 0-4.25.249.249 0 0 0-.341-.091z"
/>
<path
fill="#4bfabf"
d="M10.484 5.771a.25.25 0 0 0-.129.329 4.767 4.767 0 0 1 0 3.8.25.25 0 1 0 .458.2 5.265 5.265 0 0 0 0-4.2.251.251 0 0 0-.33-.129z"
/>
<circle cx="15.5" cy="16.5" r=".75" fill="#75f5fa" />
<circle cx="17.5" cy="12.5" r=".75" fill="#75f5fa" />
<circle cx="19.5" cy="15.5" r=".75" fill="#75f5fa" />
<circle cx="21.5" cy="10.5" r=".75" fill="#75f5fa" />
<path
fill="#524d46"
d="M7.75 22.25H5a1.25 1.25 0 0 1 0-2.5h2.75a1.25 1.25 0 0 0 0 2.5z"
/>
</svg>
More icons in the same style and category