Add icons to this collection by clicking the heart icon.
Interaction icon - also known as relationship, connection, collaboration, interaction, communications, and association. Created in a clean lineal color style with a white, silver, gray, 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"
>
<path
fill="#cf9e76"
d="M34 35v24c0 .83-.34 1.58-.88 2.12S31.83 62 31 62c-1.66 0-3-1.34-3-3V34h6zM40 34v25c0 .83-.34 1.58-.88 2.12S37.83 62 37 62c-1.66 0-3-1.34-3-3V34z"
/>
<path
fill="#fcd770"
d="M58 10.4v.19c0 .87-.47 1.67-1.23 2.1l-14.71 8.17c-1.27.7-2.06 2.04-2.06 3.49V34H28v-7c0-3.04-1.23-5.79-3.22-7.78-1.74-1.74-4.06-2.9-6.65-3.16-.37-.04-.75-.06-1.13-.06h14c0 2.21 1.34 4 3 4s3-1.79 3-4h.5c1.64 0 3.26-.4 4.71-1.18l12.26-6.54c.35-.18.74-.28 1.13-.28 1.33 0 2.4 1.07 2.4 2.4zM8.5 16H17c-.38 0-.76.02-1.13.06a10.96 10.96 0 0 0-8.03 4.85A2.502 2.502 0 0 1 6 18.5 2.5 2.5 0 0 1 8.5 16z"
/>
<path
fill="#838f9b"
d="M23 38v21c0 .83-.34 1.58-.88 2.12S20.83 62 20 62c-1.66 0-3-1.34-3-3V34h6z"
/>
<path
fill="#838f9b"
d="M17 34v25a2.996 2.996 0 0 1-5.12 2.12c-.54-.54-.88-1.29-.88-2.12V34z"
/>
<path
fill="#ff826e"
d="M11 34v4h-1c-2.21 0-4-1.79-4-4v-7c0-2.25.68-4.35 1.84-6.09a10.96 10.96 0 0 1 8.03-4.85L15 26l2 2 2-2-.87-9.94c2.59.26 4.91 1.42 6.65 3.16C26.77 21.21 28 23.96 28 27v7c0 2.21-1.79 4-4 4h-1v-4h-6z"
/>
<path
fill="#e6e9ed"
d="M18.13 16.06 19 26l-2 2-2-2 .87-9.94a10.553 10.553 0 0 1 2.26 0z"
/>
<g fill="#f0d0b4">
<circle cx="17" cy="9" r="7" />
<path d="M34 16h3c0 2.21-1.34 4-3 4s-3-1.79-3-4z" />
<circle cx="34" cy="9" r="7" />
</g>
<path
d="M55.6 7c-.557 0-1.11.139-1.6.399L41.735 13.94a9.017 9.017 0 0 1-2.194.816A7.968 7.968 0 0 0 42 9c0-4.411-3.589-8-8-8s-8 3.589-8 8a7.976 7.976 0 0 0 2.726 6h-6.453A7.973 7.973 0 0 0 25 9c0-4.411-3.589-8-8-8S9 4.589 9 9a7.976 7.976 0 0 0 2.726 6H8.5C6.57 15 5 16.57 5 18.5a3.5 3.5 0 0 0 1.435 2.816A11.929 11.929 0 0 0 5 27v7c0 2.757 2.243 5 5 5v20c0 2.206 1.794 4 4 4 1.2 0 2.266-.542 3-1.382.734.84 1.8 1.382 3 1.382 2.206 0 4-1.794 4-4V39c1.13 0 2.162-.391 3-1.026V59c0 2.206 1.794 4 4 4 1.2 0 2.266-.542 3-1.382.734.84 1.8 1.382 3 1.382 2.206 0 4-1.794 4-4V24.354a3 3 0 0 1 1.543-2.622l14.708-8.172A3.4 3.4 0 0 0 59 10.588V10.4C59 8.525 57.475 7 55.6 7zM34 17h1.873c-.282 1.15-1.022 2-1.873 2s-1.59-.85-1.873-2zm-6-8c0-3.309 2.691-6 6-6s6 2.691 6 6-2.691 6-6 6-6-2.691-6-6zM17.963 25.622l-.963.964-.963-.964.752-8.611c.07-.002.14-.011.211-.011s.141.009.212.011zM11 9c0-3.309 2.691-6 6-6s6 2.691 6 6-2.691 6-6 6-6-2.691-6-6zm-4 9.5c0-.827.673-1.5 1.5-1.5h1.881a12.066 12.066 0 0 0-2.835 2.636A1.492 1.492 0 0 1 7 18.5zM14 61c-1.103 0-2-.897-2-2V35h4v24c0 1.103-.897 2-2 2zm6 0c-1.103 0-2-.897-2-2V35h4v24c0 1.103-.897 2-2 2zm4-24V23h-2v10H12V23h-2v14c-1.654 0-3-1.346-3-3v-7c0-4.742 3.322-8.716 7.759-9.738l-.795 9.116L17 29.414l3.037-3.036-.795-9.116C23.678 18.284 27 22.258 27 27v7c0 1.654-1.346 3-3 3zm7 24c-1.103 0-2-.897-2-2V35h4v24c0 1.103-.897 2-2 2zm6 0c-1.103 0-2-.897-2-2V35h4v24c0 1.103-.897 2-2 2zm20-50.412c0 .508-.276.977-.72 1.224l-14.708 8.172A5 5 0 0 0 39 24.354V33H29v-6c0-4.172-2.142-7.849-5.381-10h6.462c.372 2.279 1.987 4 3.919 4 1.939 0 3.557-1.734 3.921-4.026a11.02 11.02 0 0 0 4.756-1.268l12.265-6.542A1.402 1.402 0 0 1 57 10.4z"
/>
</svg>
More icons in the same style and category