Add icons to this collection by clicking the heart icon.
User Interface icon - also known as interface, data, hand, digital, management, interaction, electronics, virtual reality, user experience, ambient, and user interface. Created in a clean lineal color 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="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 0v-287.78c0-5.92-4.31-10.97-10.16-11.861a1585.694 1585.694 0 0 0-475.79 0c-5.85.891-10.159 5.941-10.159 11.861V0c0 5.92 4.309 10.97 10.159 11.859 20.91 3.171 41.87 5.921 62.86 8.25a1584.464 1584.464 0 0 0 350.08 0 1584.528 1584.528 0 0 0 62.85-8.25C-4.31 10.97 0 5.92 0 0"
transform="translate(504.055 473.903)"
fill="#99e6fc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-3.58 1.47-6.86 3.87-9.141-6.24.87-12.48 1.771-18.711 2.72C-20.69-5.53-25-.48-25 5.439V293.22c0 5.92 4.31 10.969 10.159 11.859 6.53.99 13.061 1.941 19.601 2.841-2.92-2.28-4.76-5.9-4.76-9.91Z"
transform="translate(32.945 180.684)"
fill="#62dbfb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-38.779c0-6.63-5.37-12-12-12h-326.08c-6.63 0-12 5.37-12 12V0A1584.464 1584.464 0 0 0 0 0"
transform="translate(431.045 494.013)"
fill="#a8d3d8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-34.903-28.294-63.197-63.197-63.197-34.904 0-63.198 28.294-63.198 63.197 0 34.903 28.294 63.198 63.198 63.198C-28.294 63.198 0 34.903 0 0"
transform="translate(233.078 341.559)"
fill="#fef48b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a62.79 62.79 0 0 0-12.5-1.24c-34.91 0-63.2 28.29-63.2 63.2 0 34.899 28.29 63.189 63.2 63.189 4.28 0 8.46-.42 12.5-1.24-28.92-5.789-50.7-31.329-50.7-61.949C-50.7 31.33-28.92 5.8 0 0"
transform="translate(182.385 279.603)"
fill="#fee45a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-38.252-31.009-69.261-69.261-69.261-38.251 0-69.26 31.009-69.26 69.261 0 38.252 31.009 69.261 69.26 69.261C-31.009 69.261 0 38.252 0 0"
transform="translate(202.144 167.436)"
fill="#bd80e1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a69.618 69.618 0 0 0-12.5-1.13c-38.25 0-69.261 31.011-69.261 69.261 0 38.26 31.011 69.26 69.261 69.26 4.27 0 8.449-.391 12.5-1.13-32.28-5.88-56.761-34.141-56.761-68.13C-56.761 34.15-32.28 5.881 0 0"
transform="translate(145.387 99.303)"
fill="#af66da"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 34.854 71.985c.486 1.005 1.709 1.431 2.702.92 35.029-18.021 52.97-58.546 42.53-96.71A83.915 83.915 0 0 0 72.837-41.8c-.533-.979-1.782-1.313-2.749-.756L.801-2.604A2 2 0 0 0 0 0"
transform="translate(131.417 163.767)"
fill="#fe7ab7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-44.558-36.121-80.678-80.679-80.678-44.557 0-80.678 36.12-80.678 80.678s36.121 80.679 80.678 80.679C-36.121 80.679 0 44.558 0 0"
transform="translate(336.68 330.013)"
fill="#fe7ab7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-4.08-.63-8.25-.96-12.5-.96-44.56 0-80.68 36.12-80.68 80.68 0 44.56 36.12 80.68 80.68 80.68 4.25 0 8.42-.33 12.5-.96-38.62-6.009-68.18-39.41-68.18-79.72S-38.62 6.01 0 0"
transform="translate(268.505 250.293)"
fill="#fe5ca7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-25c-6.63 0-12 5.37-12 12v38.779c8.33.931 16.66 1.79 25 2.571V12C-12 5.37-6.63 0 0 0"
transform="translate(117.965 443.233)"
fill="#8ebac5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a81.719 81.719 0 0 0-4.43-9.53 1.994 1.994 0 0 0-2.75-.75l-69.29 39.95c-.91.52-1.26 1.66-.801 2.6l34.851 71.99c.49 1 1.71 1.43 2.71.92A82.915 82.915 0 0 0-22.63 93.5l-29.641-61.23a1.991 1.991 0 0 1 .801-2.6z"
transform="translate(208.686 131.493)"
fill="#fe5ca7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v86.259c0 10.92 8.653 20.19 19.622 20.324a19.829 19.829 0 0 0 14.299-5.795c3.602-3.586 5.823-8.525 5.823-13.984V0v62.485c0 10.92 8.653 20.191 19.622 20.326a19.834 19.834 0 0 0 14.298-5.796 19.64 19.64 0 0 0 5.823-13.985V0v35.938c0 10.919 8.654 20.19 19.622 20.325a19.827 19.827 0 0 0 14.298-5.795 19.642 19.642 0 0 0 5.823-13.985V-43.99a77.306 77.306 0 0 0-11.656-40.81 77.311 77.311 0 0 1-11.655-40.809v-23.4H-28.655v40.383a42.608 42.608 0 0 1-8.686 25.776l-65.478 86.228c-5.167 6.804-1.96 16.79 6.292 19.086a39.952 39.952 0 0 0 34.082-6.08l19.697-14.215c1.252-.903 3.005-.014 3.005 1.526v121.979c0 10.92 8.653 20.19 19.622 20.325a19.825 19.825 0 0 0 14.298-5.795A19.625 19.625 0 0 0 0 126.22Z"
transform="translate(354.27 184.874)"
fill="#ffe5c2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a42.605 42.605 0 0 0 8.683-25.77v-40.388h-20.831v40.388A42.605 42.605 0 0 1-20.831 0l-65.487 86.235c-5.161 6.796-1.96 16.787 6.297 19.087a39.931 39.931 0 0 0 21.116.075 2.643 2.643 0 0 1-.284-.075c-8.257-2.3-11.457-12.291-6.297-19.087z"
transform="translate(337.764 102.02)"
fill="#fed2a4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-135.811a7.558 7.558 0 0 0-7.557 7.558v35.816a7.558 7.558 0 0 0 7.557 7.559H0a7.558 7.558 0 0 0 7.558-7.559V7.558A7.558 7.558 0 0 0 0 0"
transform="translate(456.232 8.293)"
fill="#bd80e1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-23.672c-4.184 0-7.575 3.384-7.575 7.541v35.855c0 4.167 3.391 7.541 7.575 7.541H0c-4.185 0-7.574-3.374-7.574-7.541V7.541C-7.574 3.384-4.185 0 0 0"
transform="translate(344.113 8.29)"
fill="#af66da"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-5.747-3.61-9.535-10.114-9.535-17.334v-76.838c0-4.164-3.392-7.54-7.575-7.54h-13.256v84.405c0 10.836 8.533 20.054 19.416 20.291A19.789 19.789 0 0 0 0 0"
transform="translate(384.635 288.469)"
fill="#fed2a4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v122.955c0 10.83 8.523 20.047 19.4 20.293 4.032.091 7.794-1.007 10.957-2.984-5.738-3.619-9.526-10.123-9.526-17.343V7.541C20.831 3.377 17.439 0 13.256 0Z"
transform="translate(314.527 187.623)"
fill="#fed2a4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-5.748-3.61-9.535-10.114-9.535-17.334V-70.4c0-4.164-3.392-7.54-7.575-7.54h-13.257v60.606c0 10.915 8.654 20.189 19.629 20.321A19.771 19.771 0 0 0 0 0"
transform="translate(424.376 264.697)"
fill="#fed2a4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-7.311-3.054-12.395-10.453-12.395-18.823v-25.701c0-4.206-3.456-7.599-7.68-7.54l-9.363.129v34.055c0 10.924 8.654 20.19 19.619 20.321C-6.259 2.488-2.907 1.603 0 0"
transform="translate(463.198 238.691)"
fill="#fed2a4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-9.189 4.5-19.52 7.03-30.439 7.03-38.25 0-69.26-31.01-69.26-69.26s31.01-69.26 69.26-69.26c23.58 0 44.41 11.79 56.91 29.79"
transform="translate(162.93 229.356)"
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 34.854 71.985c.486 1.005 1.709 1.431 2.702.92 35.029-18.021 52.97-58.546 42.53-96.71A83.912 83.912 0 0 0 72.838-41.8c-.534-.979-1.783-1.313-2.75-.756L.801-2.604A2 2 0 0 0 0 0Z"
transform="translate(131.023 163.457)"
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 0v-38.78c0-6.63-5.37-12-12-12h-326.08c-6.63 0-12 5.37-12 12V0"
transform="translate(431.04 494.7)"
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 0c-14.71-15.58-35.56-25.31-58.68-25.31-44.559 0-80.679 36.121-80.679 80.68 0 44.55 36.12 80.681 80.679 80.681 43.701 0 79.281-34.74 80.63-78.101"
transform="translate(314.68 275.336)"
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 0c-6.64-2.38-13.8-3.67-21.26-3.67-34.899 0-63.2 28.29-63.2 63.19 0 34.91 28.301 63.2 63.2 63.2 13.46 0 25.93-4.2 36.18-11.38"
transform="translate(191.14 282.727)"
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 0v86.567c0 10.959 8.646 20.264 19.603 20.398a19.762 19.762 0 0 0 14.284-5.816 19.78 19.78 0 0 0 5.817-14.034V0"
transform="translate(354.387 186.872)"
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 0v62.709c0 10.959 8.645 20.264 19.603 20.397a19.757 19.757 0 0 0 14.283-5.815 19.758 19.758 0 0 0 5.817-14.034V0"
transform="translate(394.09 186.872)"
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 0v19.15c0 9.34-3.05 18.42-8.68 25.871l-65.41 86.539c-5.16 6.82-1.96 16.85 6.29 19.15a39.74 39.74 0 0 0 34.04-6.1l19.68-14.27c1.25-.9 3-.01 3 1.53v122.42c0 10.96 8.65 20.26 19.61 20.4 5.571.07 10.64-2.16 14.281-5.82a19.73 19.73 0 0 0 5.819-14.03V128.17"
transform="translate(325.76 58.71)"
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 0v36.061C0 47.021 8.65 56.33 19.61 56.46a19.73 19.73 0 0 0 14.28-5.82c3.6-3.579 5.82-8.55 5.82-14.03v-80.759A77.807 77.807 0 0 0 28.06-85.11a77.656 77.656 0 0 1-8.67-19.66c-1.88-6.61-2.89-16.24-2.96-23.4"
transform="translate(433.79 186.88)"
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 0h87.689c4.42 0 8 3.579 8 8v35.109c0 4.42-3.58 8-8 8h-134.78c-4.409 0-8-3.58-8-8V8c0-4.421 3.591-8 8-8H-35"
transform="translate(367.11 7.597)"
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 0c20.9-.55 41.82-.69 62.74-.42"
transform="translate(213.96 157.566)"
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 0v-45.71c0-5.92-4.31-10.97-10.16-11.86a1546.64 1546.64 0 0 0-20.39-2.96"
transform="translate(504.05 232.526)"
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 0v24.301c0 5.92 4.31 10.97 10.16 11.859a1585.49 1585.49 0 0 0 475.779 0c5.851-.889 10.161-5.939 10.161-11.859V-182.77"
transform="translate(7.95 450.296)"
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 0v-228.479c0-5.92 4.31-10.97 10.16-11.861a1594.74 1594.74 0 0 1 45.14-6.189"
transform="translate(7.95 415.296)"
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 56.814-56.814"
transform="translate(227.593 359.11)"
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 56.814 56.814"
transform="translate(227.593 302.296)"
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