Add icons to this collection by clicking the heart icon.
User Interface icon - also known as smartphone, section, layout, design, browser, ui, business and finance, user interface, and app design. Created in a clean lineal color style with a white, silver, teal, navy, 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 512 512"
>
<linearGradient
id="a"
x1="-21.409"
x2="490.399"
y1="373.272"
y2="77.779"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#dcfdee" stop-opacity="0" />
<stop offset=".629" stop-color="#d2f3e4" />
</linearGradient>
<path
fill="url(#a)"
d="M451.798 43.963c-160.556-97.869-410.51-8.611-439.594 61.949-38.908 94.394 26.578 110.528 38.743 187.874 9.761 62.061-51.182 121.495-16.394 176.282 37.883 59.663 163.465 44.681 211.198 16.447 87.376-51.683 43.309-112.012 84.684-187.299 39.407-71.707 116.244-42.625 160.961-99.99 42.5-54.521 14.31-122.402-39.598-155.263z"
/>
<path
fill="#2626bc"
d="M350.232 500.339H161.768c-16.569 0-30-13.431-30-30V89.661c0-16.569 13.431-30 30-30h188.464c16.569 0 30 13.431 30 30v380.678c0 16.569-13.431 30-30 30z"
opacity=".1"
/>
<path
fill="#6583fe"
d="M350.232 476.339H161.768c-16.569 0-30-13.431-30-30V65.661c0-16.569 13.431-30 30-30h188.464c16.569 0 30 13.431 30 30v380.678c0 16.569-13.431 30-30 30z"
/>
<path fill="#00d890" d="M131.77 78.57h248.46v354.86H131.77z" />
<path
fill="#2626bc"
d="M350.232 481.339H161.768c-19.299 0-35-15.701-35-35V65.661c0-19.299 15.701-35 35-35h188.464c19.299 0 35 15.701 35 35v380.678c0 19.299-15.701 35-35 35zM161.768 40.661c-13.785 0-25 11.215-25 25v380.678c0 13.785 11.215 25 25 25h188.464c13.785 0 25-11.215 25-25V65.661c0-13.785-11.215-25-25-25z"
/>
<path
fill="#b7c5ff"
d="M273.483 63.031h-34.966a5 5 0 0 1 0-10h34.966a5 5 0 0 1 0 10z"
/>
<circle cx="296.813" cy="58.03" r="5.002" fill="#b7c5ff" />
<path
fill="#97ffd2"
d="M356.24 113.94v319.49H155.76V113.94c0-5.52 4.48-10 10-10h180.48c5.52 0 10 4.48 10 10z"
/>
<path
fill="#02ffb3"
d="M356.24 182.26v215.71c-56.25-3.82-100.68-50.64-100.68-107.85 0-57.22 44.43-104.04 100.68-107.86z"
/>
<path
fill="#ff5ba8"
d="M314.87 249.538c-.419-1.495-2.172-2.179-3.473-1.332-2.402 1.561-4.527 2.341-6.377 2.341-2.156 0-3.605-.827-4.35-2.486-.746-1.654-1.118-4.474-1.118-8.451v-62.974c0-9.112-.622-16.321-1.864-21.626-1.243-5.302-3.69-9.776-7.333-13.423-3.977-3.977-8.949-6.793-14.915-8.451-12.955-3.601-26.79-3.522-39.909-.844-10.893 2.223-22.95 6.324-29.567 15.883-8.446 12.203-.683 30.947 14.789 30.948 19.226.001 26.78-24.766 10.187-35.043 4.514-1.81 13.106-4.311 21.626-1.643 6.627 2.075 11.175 8.261 11.191 15.205v19.493c0 4.474-2.113 7.997-6.338 10.565-17.478 10.619-41.969 11.434-55.432 28.337-6.694 8.404-7.722 20.738-3.885 30.673 4.903 12.696 16.617 17.675 29.612 17.675 16.071 0 28.252-6.711 36.54-20.134.163 6.133 2.069 11.023 5.717 14.666 3.644 3.647 10.025 5.468 19.14 5.468 10.172 0 18.869-2.734 26.085-8.204a2.329 2.329 0 0 0 .839-2.485zm-51.114-20.533c-4.809 6.797-9.08 10.717-16.157 12.224-5.061 1.078-16.157-.696-16.157-12.643 0-11.476 13.174-16.906 19.637-21.05 6.463-3.977 10.689-7.62 12.678-10.937v32.406z"
/>
<path
fill="#ff7eb8"
d="M220.752 179.121c19.226.001 26.78-24.766 10.187-35.043 4.514-1.81 13.106-4.312 21.626-1.643 5.496 1.721 9.552 6.272 10.789 11.735l18.557-18.557a36.73 36.73 0 0 0-6.472-2.478c-12.955-3.601-26.79-3.522-39.909-.844-10.893 2.223-22.951 6.324-29.567 15.883-8.447 12.202-.683 30.946 14.789 30.947zM314.87 249.538c-.419-1.495-2.172-2.179-3.473-1.332-2.402 1.561-4.527 2.341-6.377 2.341-2.156 0-3.605-.827-4.35-2.486-.746-1.654-1.118-4.474-1.118-8.451v-62.994l-35.794 35.794v16.596c-4.809 6.797-9.08 10.717-16.157 12.224-2.73.581-7.213.329-10.766-1.897l-22.829 22.829c4.201 1.525 8.866 2.22 13.709 2.22 16.071 0 28.252-6.711 36.54-20.134.163 6.133 2.07 11.023 5.717 14.666 3.644 3.647 10.025 5.468 19.14 5.468 10.172 0 18.869-2.734 26.086-8.204a2.329 2.329 0 0 0 .839-2.485z"
/>
<path
fill="#ffc4df"
d="m316.036 253.693-1.165-4.155c-.419-1.495-2.172-2.179-3.473-1.332-2.402 1.561-4.527 2.341-6.377 2.341-2.156 0-3.605-.827-4.35-2.486-.746-1.654-1.118-4.474-1.118-8.451v-17.486c-11.021 10.708-21.94 21.518-32.818 32.371a18.029 18.029 0 0 0 3.238 4.42c3.644 3.647 10.025 5.468 19.14 5.468 10.172 0 18.869-2.734 26.086-8.204a2.338 2.338 0 0 0 .837-2.486z"
/>
<path
fill="#ffa8cf"
d="M312.488 140.561v-7.966a5 5 0 0 1 10 0v7.966a5 5 0 0 1-10 0zM327.288 140.561v-7.966a5 5 0 0 1 10 0v7.966a5 5 0 0 1-10 0zM174.712 140.561v-7.966a5 5 0 0 1 10 0v7.966a5 5 0 0 1-10 0zM189.512 140.561v-7.966a5 5 0 0 1 10 0v7.966a5 5 0 0 1-10 0z"
/>
<path
fill="#dcfdee"
d="M231.974 332.641h-76.209v-47.302h76.209a5 5 0 0 1 5 5v37.302a5 5 0 0 1-5 5z"
/>
<path
fill="#00d890"
d="M325.853 319.126h-97.232c-5.494 0-9.948-4.454-9.948-9.948 0-5.494 4.454-9.948 9.948-9.948h97.232c5.494 0 9.948 4.454 9.948 9.948.001 5.494-4.453 9.948-9.948 9.948z"
/>
<path
fill="#ff7eb8"
d="M197.71 303.99h-8.681a5 5 0 0 0 0 10h8.681a5 5 0 0 0 0-10z"
/>
<g fill="#fff">
<path
d="M327.84 348.013H184.16a5 5 0 0 0 0 10h143.68a5 5 0 0 0 0-10zM327.84 386.868H184.16a5 5 0 0 0 0 10h143.68a5 5 0 0 0 0-10zM327.84 367.441H184.16a5 5 0 0 0 0 10h143.68a5 5 0 0 0 0-10z"
/>
</g>
<path
fill="#01eca5"
d="M423.648 299.63c-7.88 0-14.292-6.411-14.292-14.292s6.411-14.292 14.292-14.292 14.292 6.411 14.292 14.292-6.411 14.292-14.292 14.292zm0-18.583c-2.366 0-4.292 1.925-4.292 4.292s1.925 4.292 4.292 4.292 4.292-1.925 4.292-4.292-1.925-4.292-4.292-4.292z"
/>
<path
fill="#6583fe"
d="M88.029 132.788c-7.88 0-14.292-6.411-14.292-14.292s6.411-14.292 14.292-14.292 14.292 6.411 14.292 14.292-6.411 14.292-14.292 14.292zm0-18.583c-2.366 0-4.292 1.925-4.292 4.292s1.925 4.292 4.292 4.292 4.292-1.925 4.292-4.292-1.925-4.292-4.292-4.292z"
/>
<path
fill="#ff5ba8"
d="M67.738 172.458a5 5 0 0 1-5-5c0-3.309-2.691-6-6-6a5 5 0 0 1 0-10c3.309 0 6-2.691 6-6a5 5 0 0 1 10 0c0 3.309 2.691 6 6 6a5 5 0 0 1 0 10c-3.309 0-6 2.691-6 6a5 5 0 0 1-5 5zM423.648 235.049a5 5 0 0 1-5-5c0-3.309-2.691-6-6-6a5 5 0 0 1 0-10c3.309 0 6-2.691 6-6a5 5 0 0 1 10 0c0 3.309 2.691 6 6 6a5 5 0 0 1 0 10c-3.309 0-6 2.691-6 6a5 5 0 0 1-5 5z"
/>
<path
fill="#01eca5"
d="M442.231 356.145a5 5 0 0 1-5-5c0-3.309-2.691-6-6-6a5 5 0 0 1 0-10c3.309 0 6-2.691 6-6a5 5 0 0 1 10 0c0 3.309 2.691 6 6 6a5 5 0 0 1 0 10c-3.309 0-6 2.691-6 6a5 5 0 0 1-5 5z"
/>
</svg>
More icons in the same style and category