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, 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="23.821"
x2="459.531"
y1="344.999"
y2="93.441"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#dcfdee" stop-opacity="0" />
<stop offset=".629" stop-color="#d2f3e4" />
</linearGradient>
<path
fill="url(#a)"
d="M16.074 304.61c18.727 64.003 72.707 194.564 163.922 182.845 91.486-11.755 55.759-129.725 139.508-145.894 36.867-7.118 61.857 56.689 98.806 54.704 47.588-2.557 71.81-49.663 85.108-89.264C531.615 223.033 489.389 80.649 390.56 55.99c-86.244-21.519-96.332 83.855-171.322 53.248-42.149-17.203-37.938-68.576-89.272-78.942C-25.333-1.064-8.845 219.446 16.074 304.61z"
/>
<path
fill="#2626bc"
d="M455.47 453.863H56.53c-8.284 0-15-6.716-15-15V124.597c0-8.284 6.716-15 15-15h398.94c8.284 0 15 6.716 15 15v314.266c0 8.284-6.715 15-15 15z"
opacity=".1"
/>
<path
fill="#fff"
d="M470.47 100.6v314.26c0 8.29-6.72 15-15 15H56.53c-8.28 0-15-6.71-15-15V100.6c0-8.29 6.72-15 15-15h398.94c8.28 0 15 6.71 15 15z"
/>
<path
fill="#8399fe"
d="M470.47 204.33v210.53c0 8.29-6.72 15-15 15H79.14c16.25-26.78 50.57-64.05 115.32-62.96 100.8 1.69 55.75-134.02 145.85-124.45 86.97 9.25 71.09-54.45 130.16-38.12z"
/>
<path
fill="#6583fe"
d="M407.53 264.86c0 25.99-21.07 47.05-47.06 47.05s-47.06-21.06-47.06-47.05c0-7.77 1.89-15.11 5.23-21.57 6.23-1.37 13.38-1.72 21.67-.84 26.79 2.85 43.82-1.22 56.29-7.75 6.82 8.17 10.93 18.69 10.93 30.16z"
/>
<g fill="#d2deff">
<path
d="M175.51 429.863H78.872v-86.506a5 5 0 0 1 5-5h86.638a5 5 0 0 1 5 5zM304.319 429.863h-96.638v-86.506a5 5 0 0 1 5-5h86.638a5 5 0 0 1 5 5zM433.128 429.863H336.49v-86.506a5 5 0 0 1 5-5h86.638a5 5 0 0 1 5 5z"
/>
</g>
<path
fill="#01eca5"
d="M470.47 154.91v-54.313c0-8.284-6.716-15-15-15H56.53c-8.284 0-15 6.716-15 15v54.313z"
/>
<path
fill="#2626bc"
d="M455.47 434.863H56.53c-11.028 0-20-8.972-20-20V100.597c0-11.028 8.972-20 20-20h398.94c11.028 0 20 8.972 20 20v314.266c0 11.028-8.972 20-20 20zM56.53 90.597c-5.514 0-10 4.486-10 10v314.266c0 5.514 4.486 10 10 10h398.94c5.514 0 10-4.486 10-10V100.597c0-5.514-4.486-10-10-10z"
/>
<circle cx="85.623" cy="122.498" r="10.901" fill="#ff5ba8" />
<circle cx="120.424" cy="122.498" r="10.901" fill="#fff" />
<circle cx="155.224" cy="122.498" r="10.901" fill="#97ffd2" />
<path
fill="#dcfdee"
d="M432.277 134.745H296.119V110.25h136.159a5 5 0 0 1 5 5v14.496a5 5 0 0 1-5.001 4.999z"
/>
<path
fill="#fff"
d="M296.789 110.561c-5.286-5.286-13.887-5.286-19.173 0s-5.286 13.887 0 19.173c4.037 4.037 10.003 4.98 14.953 2.852l4.348 4.348a5.001 5.001 0 0 0 7.071-7.071l-4.348-4.348c2.129-4.951 1.186-10.917-2.851-14.954zm-12.102 7.071c1.387-1.387 3.644-1.387 5.031 0s1.387 3.644 0 5.031-3.644 1.387-5.031 0-1.387-3.644 0-5.031z"
/>
<circle cx="127.191" cy="369.848" r="11.262" fill="#fff" />
<path
fill="#8399fe"
d="M146.531 395.126H107.85a5 5 0 0 0 0 10h38.681a5 5 0 0 0 0-10z"
/>
<circle cx="256" cy="369.848" r="11.262" fill="#fff" />
<path
fill="#8399fe"
d="M275.34 395.126h-38.68a5 5 0 0 0 0 10h38.681a5 5 0 0 0-.001-10z"
/>
<circle cx="384.809" cy="369.848" r="11.262" fill="#fff" />
<path
fill="#8399fe"
d="M404.149 395.126h-38.681a5 5 0 0 0 0 10h38.681a5 5 0 0 0 0-10z"
/>
<path
fill="#ff7eb8"
d="M236.852 314.751H99.741c-5.523 0-10-4.477-10-10v-5.81c0-5.523 4.477-10 10-10h137.11c5.523 0 10 4.477 10 10v5.81c.001 5.523-4.477 10-9.999 10z"
/>
<path
fill="#8399fe"
d="M199.422 254.857H94.741a5 5 0 0 0 0 10h104.681a5 5 0 0 0 0-10zM175.422 235.43H94.741a5 5 0 0 0 0 10h80.681a5 5 0 0 0 0-10z"
/>
<path
fill="#ff7eb8"
d="M106.422 212.084H94.741a5 5 0 0 0 0 10h11.681a5 5 0 0 0 0-10z"
/>
<path
fill="#02ffb3"
d="M166.422 178.001H94.741a5 5 0 0 0 0 10h71.681a5 5 0 0 0 0-10z"
/>
<circle cx="360.469" cy="246.57" r="47.058" fill="#02ffb3" />
<g fill="#fff">
<circle cx="373.702" cy="276.632" r="5.002" />
<circle cx="396.79" cy="276.632" r="5.002" />
<circle cx="419.877" cy="276.632" r="5.002" />
<circle cx="385.246" cy="258.049" r="5.002" />
<circle cx="408.334" cy="258.049" r="5.002" />
<circle cx="385.246" cy="295.215" r="5.002" />
<circle cx="408.334" cy="295.215" r="5.002" />
</g>
<path
fill="#ff5ba8"
d="M448.525 59.892c-7.88 0-14.292-6.411-14.292-14.292 0-7.88 6.411-14.291 14.292-14.291s14.292 6.411 14.292 14.291c-.001 7.881-6.412 14.292-14.292 14.292zm0-18.583c-2.366 0-4.292 1.925-4.292 4.291s1.925 4.292 4.292 4.292 4.292-1.926 4.292-4.292-1.926-4.291-4.292-4.291z"
/>
<path
fill="#6583fe"
d="M100.582 491.734c-7.88 0-14.292-6.411-14.292-14.291 0-7.881 6.411-14.292 14.292-14.292s14.292 6.411 14.292 14.292c-.001 7.88-6.412 14.291-14.292 14.291zm0-18.583c-2.366 0-4.292 1.926-4.292 4.292s1.925 4.291 4.292 4.291 4.292-1.925 4.292-4.291-1.926-4.292-4.292-4.292z"
/>
<path
fill="#01eca5"
d="M149.81 491.734c-7.88 0-14.292-6.411-14.292-14.291 0-7.881 6.411-14.292 14.292-14.292s14.292 6.411 14.292 14.292c0 7.88-6.412 14.291-14.292 14.291zm0-18.583c-2.366 0-4.292 1.926-4.292 4.292s1.925 4.291 4.292 4.291 4.292-1.925 4.292-4.291-1.926-4.292-4.292-4.292zM242.387 52.266a5 5 0 0 1-5-5c0-3.309-2.691-6-6-6a5 5 0 1 1 0-10c3.309 0 6-2.691 6-6a5 5 0 1 1 10 0c0 3.309 2.691 6 6 6a5 5 0 1 1 0 10c-3.309 0-6 2.691-6 6a5 5 0 0 1-5 5z"
/>
<path
fill="#ff5ba8"
d="M288.34 64.557a5 5 0 0 1-5-5c0-3.309-2.691-6-6-6a5 5 0 1 1 0-10c3.309 0 6-2.691 6-6a5 5 0 1 1 10 0c0 3.309 2.691 6 6 6a5 5 0 1 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