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="0"
x2="512"
y1="256"
y2="256"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffdbed" stop-opacity="0" />
<stop offset="1" stop-color="#ffdbed" />
</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="M455.47 452.133H56.53c-8.284 0-15-6.716-15-15V122.867c0-8.284 6.716-15 15-15h398.94c8.284 0 15 6.716 15 15v314.266c0 8.285-6.715 15-15 15z"
opacity=".1"
/>
<path
fill="#fff"
d="M455.47 428.133H56.53c-8.284 0-15-6.716-15-15V98.867c0-8.284 6.716-15 15-15h398.94c8.284 0 15 6.716 15 15v314.266c0 8.285-6.715 15-15 15z"
/>
<path
fill="#8399fe"
d="M470.47 153.18V98.867c0-8.284-6.716-15-15-15H56.53c-8.284 0-15 6.716-15 15v54.313z"
/>
<path
fill="#2626bc"
d="M455.47 433.133H56.53c-11.028 0-20-8.972-20-20V98.867c0-11.028 8.972-20 20-20h398.94c11.028 0 20 8.972 20 20v314.266c0 11.028-8.972 20-20 20zM56.53 88.867c-5.514 0-10 4.486-10 10v314.266c0 5.514 4.486 10 10 10h398.94c5.514 0 10-4.486 10-10V98.867c0-5.514-4.486-10-10-10z"
/>
<circle cx="85.623" cy="120.768" r="10.901" fill="#ff5ba8" />
<circle cx="120.424" cy="120.768" r="10.901" fill="#fff" />
<circle cx="155.224" cy="120.768" r="10.901" fill="#02ffb3" />
<path
fill="#d2deff"
d="M432.277 133.015H296.119V108.52h136.159a5 5 0 0 1 5 5v14.496a5 5 0 0 1-5.001 4.999z"
/>
<path
fill="#fff"
d="M296.789 108.831c-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"
/>
<g fill="#2626bc">
<path
d="M434.655 401.035h-6a5 5 0 1 1 0-10h1v-1a5 5 0 1 1 10 0v6a5 5 0 0 1-5 5zM395.676 401.035h-11.64a5 5 0 1 1 0-10h11.64a5 5 0 1 1 0 10zm-44.619 0h-11.64a5 5 0 1 1 0-10h11.64a5 5 0 1 1 0 10zm-44.619 0h-11.64a5 5 0 1 1 0-10h11.64a5 5 0 1 1 0 10zm-44.618 0h-11.64a5 5 0 1 1 0-10h11.64a5 5 0 1 1 0 10zm-44.619 0h-11.64a5 5 0 1 1 0-10h11.64a5 5 0 1 1 0 10zm-44.618 0h-11.64a5 5 0 1 1 0-10h11.64a5 5 0 1 1 0 10zm-44.619 0h-11.64a5 5 0 1 1 0-10h11.64a5 5 0 1 1 0 10zM83.345 401.035h-6a5 5 0 0 1-5-5v-6a5 5 0 1 1 10 0v1h1a5 5 0 1 1 0 10zM77.345 362.644a5 5 0 0 1-5-5v-11.433a5 5 0 1 1 10 0v11.433a5 5 0 0 1-5 5zm0-43.825a5 5 0 0 1-5-5v-11.433a5 5 0 1 1 10 0v11.433a5 5 0 0 1-5 5zm0-43.824a5 5 0 0 1-5-5v-11.433a5 5 0 1 1 10 0v11.433a5 5 0 0 1-5 5zm0-43.824a5 5 0 0 1-5-5v-11.433a5 5 0 1 1 10 0v11.433a5 5 0 0 1-5 5zM77.345 187.347a5 5 0 0 1-5-5v-6a5 5 0 0 1 5-5h6a5 5 0 1 1 0 10h-1v1a5 5 0 0 1-5 5zM395.676 181.347h-11.64a5 5 0 1 1 0-10h11.64a5 5 0 1 1 0 10zm-44.619 0h-11.64a5 5 0 1 1 0-10h11.64a5 5 0 1 1 0 10zm-44.619 0h-11.64a5 5 0 1 1 0-10h11.64a5 5 0 1 1 0 10zm-44.618 0h-11.64a5 5 0 1 1 0-10h11.64a5 5 0 1 1 0 10zm-44.619 0h-11.64a5 5 0 1 1 0-10h11.64a5 5 0 1 1 0 10zm-44.618 0h-11.64a5 5 0 1 1 0-10h11.64a5 5 0 1 1 0 10zm-44.619 0h-11.64a5 5 0 1 1 0-10h11.64a5 5 0 1 1 0 10zM434.655 187.347a5 5 0 0 1-5-5v-1h-1a5 5 0 1 1 0-10h6a5 5 0 0 1 5 5v6a5 5 0 0 1-5 5zM434.655 362.644a5 5 0 0 1-5-5v-11.433a5 5 0 1 1 10 0v11.433a5 5 0 0 1-5 5zm0-43.825a5 5 0 0 1-5-5v-11.433a5 5 0 1 1 10 0v11.433a5 5 0 0 1-5 5zm0-43.824a5 5 0 0 1-5-5v-11.433a5 5 0 1 1 10 0v11.433a5 5 0 0 1-5 5zm0-43.824a5 5 0 0 1-5-5v-11.433a5 5 0 1 1 10 0v11.433a5 5 0 0 1-5 5z"
/>
</g>
<path
fill="#2626bc"
d="M115.158 377.791a5 5 0 0 1-2.623-9.261l10.222-6.285a5 5 0 0 1 5.237 8.52l-10.222 6.285a4.978 4.978 0 0 1-2.614.741zm39.185-24.093a5 5 0 0 1-2.623-9.261l10.223-6.285a5 5 0 0 1 5.237 8.52l-10.223 6.285a4.976 4.976 0 0 1-2.614.741zm39.186-24.094a5 5 0 0 1-2.623-9.261l10.222-6.285a5 5 0 0 1 5.237 8.52l-10.222 6.285a4.976 4.976 0 0 1-2.614.741zm39.186-24.092a5 5 0 0 1-2.623-9.261l10.223-6.285a5 5 0 0 1 5.237 8.52l-10.223 6.285a4.987 4.987 0 0 1-2.614.741zm39.186-24.093a5 5 0 0 1-2.623-9.261l10.222-6.285a5 5 0 0 1 5.237 8.52l-10.222 6.285a4.978 4.978 0 0 1-2.614.741zm39.185-24.094a5 5 0 0 1-2.623-9.261l10.222-6.285a5.001 5.001 0 0 1 5.237 8.52l-10.222 6.285a4.976 4.976 0 0 1-2.614.741zm39.186-24.093a5 5 0 0 1-2.623-9.261l10.223-6.285a5 5 0 0 1 5.237 8.52l-10.223 6.285a4.978 4.978 0 0 1-2.614.741zm39.186-24.092a5 5 0 0 1-2.624-9.26l10.045-6.177a5 5 0 0 1 5.238 8.518l-10.045 6.177a4.98 4.98 0 0 1-2.614.742z"
/>
<path
fill="#ff7eb8"
d="M139.208 212.986h-4.488v-4.488a5 5 0 0 0-10 0v4.488h-4.489a5 5 0 0 0 0 10h4.489v4.489a5 5 0 0 0 10 0v-4.489h4.488a5 5 0 0 0 0-10z"
/>
<path
fill="#9fb0fe"
d="M179.912 258.282h-59.681a5 5 0 0 1 0-10h59.681a5 5 0 0 1 0 10zM140.912 275.739h-20.681a5 5 0 0 1 0-10h20.681a5 5 0 0 1 0 10z"
/>
<path
fill="#ff7eb8"
d="M140.912 319.102h-20.681a5 5 0 0 1 0-10h20.681a5 5 0 0 1 0 10z"
/>
<path
fill="#02ffb3"
d="M140.912 301.646h-20.681a5 5 0 0 1 0-10h20.681a5 5 0 0 1 0 10z"
/>
<circle cx="375.43" cy="330.297" r="33.651" fill="#02ffb3" />
<path
fill="#fff"
d="M392.04 331.44c0-9.16-7.45-16.62-16.61-16.62s-16.61 7.46-16.61 16.62c0 4.51 1.81 8.61 4.75 11.61-2.94 3-4.75 7.1-4.75 11.61v4.91c3.06 1.74 6.43 3.02 10 3.73v-8.64c0-3.64 2.96-6.61 6.61-6.61s6.61 2.97 6.61 6.61v8.64c3.57-.71 6.93-1.99 10-3.73v-4.91c0-4.51-1.82-8.61-4.75-11.61 2.93-3 4.75-7.1 4.75-11.61zm-16.61 6.61c-3.65 0-6.61-2.97-6.61-6.61 0-3.65 2.96-6.62 6.61-6.62s6.61 2.97 6.61 6.62c0 3.64-2.96 6.61-6.61 6.61z"
/>
<path
fill="#9fb0fe"
d="M266.04 352.622h59.681a5 5 0 0 1 0 10H266.04a5 5 0 0 1 0-10z"
/>
<path
fill="#02ffb3"
d="M305.04 335.165h20.681a5 5 0 0 1 0 10H305.04a5 5 0 0 1 0-10z"
/>
<path
fill="#ff5ba8"
d="M418.372 482.421c-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.292z"
/>
<path
fill="#6583fe"
d="M358.93 482.421c-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.411 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="M201.036 64.162c-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.291c0 7.881-6.411 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="#ff5ba8"
d="M128.92 65.87a5 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="#01eca5"
d="M315.381 65.87a5 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