Add icons to this collection by clicking the heart icon.
Interactivity icon - also known as hand, networking, finger, touch, ui, interactivity, and interactive. Created in a clean lineal color style with a white, silver, gray, black, yellow, 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0v46.186c0 20.512-16.637 37.149-37.149 37.149h-73.629c-54.386 0-62.418-16.637-62.418-37.149V0c0-20.513 11.759-37.149 62.418-37.149h73.629C-16.637-37.149 0-20.513 0 0"
transform="translate(222.113 421.165)"
fill="#60dbfe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v46.186c0 20.512 16.638 37.149 37.15 37.149h-47.859c-20.513 0-37.149-16.637-37.149-37.149V0c0-20.513 16.636-37.149 37.149-37.149H37.15C16.638-37.149 0-20.513 0 0"
transform="translate(74.185 421.165)"
fill="#00c9fc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 19.862-12.875 36.844-30.854 42.852-37.42 0-47.21-22.908-47.21-42.852 0-19.942 10.793-42.851 47.205-42.851C-12.931-36.858 0-19.942 0 0"
transform="translate(131.75 135.516)"
fill="#fb81a4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 19.944 12.934 36.86 30.865 42.852a45.148 45.148 0 0 1-14.328 2.33C-8.413 45.182-28.645 24.95-28.645 0c0-24.951 20.232-45.183 45.182-45.183 5.008 0 9.82.829 14.322 2.332C12.931-36.858 0-19.942 0 0"
transform="translate(70.031 135.516)"
fill="#fc4f80"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 12.688-7.848 23.536-18.951 27.974-25.309 0-30.414-15.286-30.414-27.974s8.199-27.973 30.414-27.973C-7.848-23.535 0-12.688 0 0"
transform="translate(109.16 286.121)"
fill="#00ed8f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 12.688 7.848 23.536 18.951 27.974a30.043 30.043 0 0 1-11.17 2.147C-8.856 30.121-22.34 16.637-22.34 0S-8.856-30.121 7.781-30.121c3.948 0 7.715.767 11.17 2.148C7.848-23.535 0-12.688 0 0"
transform="translate(71.257 286.121)"
fill="#0edb73"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 26.79-17.487 49.48-41.667 57.311-43.927 0-59.74-30.521-59.74-57.311 0-26.771 16.817-57.313 59.736-57.313C-17.489-49.483 0-26.792 0 0"
transform="translate(485.674 399.076)"
fill="#fce683"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 26.79 17.488 49.48 41.668 57.311a60.188 60.188 0 0 1-18.575 2.931c-33.274 0-60.242-26.969-60.242-60.242 0-33.244 26.926-60.243 60.242-60.243 6.482 0 12.72 1.036 18.571 2.93C17.467-49.479 0-26.771 0 0"
transform="translate(402.339 399.076)"
fill="#fcd454"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c12.241 12.261 19.811 29.187 19.811 47.883 0 37.433-30.34 67.772-67.774 67.772-37.433 0-67.772-30.339-67.772-67.772 0-17.542 6.665-33.538 17.61-45.579z"
transform="translate(300.197 238.238)"
fill="#dadafc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c18.737 0 35.696 7.603 47.963 19.89v18.625c0 27.056-22.012 49.067-49.067 49.067-12.933 0-25.139-4.989-34.368-14.051-15.552-15.267-14.585-33.78-14.689-34.264l-.001-17.074C-37.773 8.563-19.899 0 0 0"
transform="translate(252.234 218.349)"
fill="#b9c7fc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v57.149c0 14.348-11.637 25.975-25.975 25.975-14.347 0-25.974-11.627-25.974-25.975 0 14.348-11.637 25.975-25.974 25.975-14.348 0-25.974-11.627-25.974-25.975 0 14.348-11.638 25.975-25.975 25.975-14.348 0-25.985-11.627-25.985-25.975v88.316c0 7.903-3.535 14.99-9.117 19.759-24.79 6.215-30.106-11.534-30.311-19.237 0-12.5-.013-133.456-.014-145.987 0-47.615 37.163-100.022 119.602-100.022C-32.02-87.732 0-47.606 0 0"
transform="translate(432.962 111.398)"
fill="#ffdcce"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c.001 12.531.014 133.487.014 145.987.206 7.703 4.91 14.577 12.225 19.237a25.853 25.853 0 0 1-16.857 6.215c-14.167 0-25.684-11.345-25.965-25.452L-30.593 0c0-57.393 46.559-103.898 103.908-103.898 9.775 0 19.233 1.352 28.201 3.876C42.968-87.734 0-47.615 0 0"
transform="translate(255.749 111.398)"
fill="#fecabd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c8.855 15.292 13.916 33.033 13.916 51.97v57.149c0 14.348-11.637 25.975-25.975 25.975-14.347 0-25.974-11.627-25.974-25.975 0 14.348-11.637 25.975-25.975 25.975-14.347 0-25.973-11.627-25.973-25.975 0 14.348-11.638 25.975-25.975 25.975-14.348 0-25.985-11.627-25.985-25.975v88.316c0 14.317-11.586 25.974-25.974 25.974-14.167 0-25.684-11.346-25.965-25.452l-.01-145.987c0-57.352 46.517-103.899 103.909-103.899 25.823 0 49.428 9.418 67.601 25.001"
transform="translate(419.046 59.429)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c31.62 12.481 49.36 46.681 40.765 80.012-7.521 29.227-34.058 50.824-65.635 50.824-16.797 0-32.169-6.114-44.007-16.235-14.549-12.42-23.766-30.905-23.766-51.538 0-27.684 16.677-51.692 40.705-62.139"
transform="translate(277.104 223.058)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h24.287c20.513 0 37.15-16.637 37.15-37.149v-46.186c0-20.513-16.637-37.149-37.15-37.149H-97.201c-20.513 0-37.15 16.636-37.15 37.149v46.186C-134.351-16.637-117.714 0-97.201 0h62.059"
transform="translate(160.677 504.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-33.274-26.968-60.243-60.242-60.243-33.316 0-60.242 26.999-60.242 60.243 0 33.273 26.968 60.242 60.242 60.242S0 33.273 0 0Z"
transform="translate(485.674 399.076)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-24.951-20.231-45.183-45.182-45.183-24.95 0-45.181 20.232-45.181 45.183 0 24.95 20.231 45.182 45.181 45.182C-20.116 45.182 0 24.832 0 0Z"
transform="translate(131.75 135.516)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-81.548-76.738"
transform="translate(196.762 247.194)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-63.164-55.272"
transform="translate(381.033 358.342)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-16.637-13.484-30.121-30.121-30.121-16.638 0-30.121 13.484-30.121 30.121s13.483 30.121 30.121 30.121C-13.484 30.121 0 16.637 0 0ZM0 0h75.303"
transform="translate(109.16 286.121)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-46.356 46.357"
transform="translate(208.227 337.658)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h60.242"
transform="translate(63.977 459.318)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h120.484"
transform="translate(63.977 429.197)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category