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="8.753"
x2="524.202"
y1="401.161"
y2="103.566"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#dcfdee" stop-opacity="0" />
<stop offset=".629" stop-color="#d2f3e4" />
</linearGradient>
<path
fill="url(#a)"
d="M418.32 2.5c-55.666-9.521-178.298 12.183-200.004 105.017-14.431 61.722-14.007 112.075-50.427 113.02-21.67.562-32.97-44.31-62.889-48.001-39.047-4.817-66.145 27.695-83.057 57.138-37.205 64.772-25.571 174.918 23.354 228.632 118.488 130.086 259.197-5.952 319.358-112.309 38.585-68.213 125.637-123.352 143.767-200.248C523.599 81.373 489.919 14.746 418.32 2.5z"
/>
<path
fill="#2626bc"
d="M455.47 107.867H56.53c-8.284 0-15 6.716-15 15v314.266c0 8.284 6.716 15 15 15h56.681v23.948c0 5.523 4.477 10 10 10H388.79c5.523 0 10-4.477 10-10v-23.948h56.681c8.284 0 15-6.716 15-15V122.867c-.001-8.284-6.716-15-15.001-15z"
opacity=".1"
/>
<path
fill="#d2deff"
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="#b7c5ff"
d="M421.693 324.807H90.307c-5.523 0-10-4.477-10-10V205.659c0-5.523 4.477-10 10-10h331.386c5.523 0 10 4.477 10 10v109.149c0 5.522-4.477 9.999-10 9.999z"
/>
<path
fill="#6583fe"
d="M470.47 153.18V98.867c0-8.284-6.716-15-15-15H56.53c-8.284 0-15 6.716-15 15v54.313z"
/>
<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.031zM388.79 462.082H123.21c-5.523 0-10-4.477-10-10v-196.12c0-5.523 4.477-10 10-10h265.58c5.523 0 10 4.477 10 10v196.119c0 5.524-4.477 10.001-10 10.001z"
/>
<path
fill="#6583fe"
d="M398.79 286.475H113.21v-30.513c0-5.523 4.477-10 10-10h265.58c5.523 0 10 4.477 10 10z"
/>
<path
fill="#2626bc"
d="M455.471 78.867H56.529c-11.028 0-20 8.972-20 20v314.266c0 11.028 8.972 20 20 20h51.681v18.949c0 8.271 6.729 15 15 15h265.58c8.271 0 15-6.729 15-15v-18.949h51.681c11.028 0 20-8.972 20-20V98.867c0-11.028-8.972-20-20-20zM393.79 452.082c0 2.757-2.243 5-5 5H123.21c-2.757 0-5-2.243-5-5v-196.12c0-2.757 2.243-5 5-5h265.58c2.757 0 5 2.243 5 5zm71.681-38.949c0 5.514-4.486 10-10 10H403.79V255.962c0-8.271-6.729-15-15-15H123.21c-8.271 0-15 6.729-15 15v167.171H56.529c-5.514 0-10-4.486-10-10V98.867c0-5.514 4.486-10 10-10H455.47c5.514 0 10 4.486 10 10v314.266z"
/>
<path
fill="#ff7eb8"
d="M227.699 396.455h-49.827c-5.523 0-10-4.477-10-10v-21.286c0-5.523 4.477-10 10-10h49.827c5.523 0 10 4.477 10 10v21.286c0 5.522-4.478 10-10 10z"
/>
<path
fill="#02ffb3"
d="M334.128 396.455h-49.827c-5.523 0-10-4.477-10-10v-21.286c0-5.523 4.477-10 10-10h49.827c5.523 0 10 4.477 10 10v21.286c0 5.522-4.477 10-10 10z"
/>
<path
fill="#8399fe"
d="m350.963 382.57-26.458-2.37a3.882 3.882 0 0 0-4.212 4.212l2.37 26.458c.294 3.28 4.281 4.726 6.609 2.398l5.402-5.402 17.76 17.76a3.88 3.88 0 0 0 5.488 0l7.796-7.796a3.88 3.88 0 0 0 0-5.488l-17.76-17.76 5.402-5.402c2.329-2.329.882-6.316-2.397-6.61z"
/>
<path
fill="#9fb0fe"
d="M339.551 329.807H327.87a5 5 0 0 1 0-10h11.681a5 5 0 0 1 0 10zM339.551 345.293H318.87a5 5 0 0 1 0-10h20.681a5 5 0 0 1 0 10zM232.699 329.807h-11.681a5 5 0 0 1 0-10h11.681a5 5 0 0 1 0 10zM232.699 345.293h-20.681a5 5 0 0 1 0-10h20.681a5 5 0 0 1 0 10z"
/>
<path
fill="#01eca5"
d="M87.163 60.87c-7.88 0-14.291-6.411-14.291-14.291 0-7.881 6.411-14.292 14.291-14.292 7.881 0 14.292 6.411 14.292 14.292 0 7.88-6.411 14.291-14.292 14.291zm0-18.583c-2.366 0-4.291 1.926-4.291 4.292s1.925 4.291 4.291 4.291 4.292-1.925 4.292-4.291-1.926-4.292-4.292-4.292z"
/>
<path
fill="#6583fe"
d="M132.698 51.87a5 5 0 0 1-5-5c0-3.309-2.691-6-6-6-2.762 0-5-2.238-5-5s2.238-5 5-5c3.309 0 6-2.691 6-6 0-2.762 2.238-5 5-5s5 2.238 5 5c0 3.309 2.691 6 6 6 2.762 0 5 2.238 5 5s-2.238 5-5 5c-3.309 0-6 2.691-6 6a5 5 0 0 1-5 5z"
/>
<path
fill="#01eca5"
d="M428.693 494.13a5 5 0 0 1-5-5c0-3.309-2.691-6-6-6-2.762 0-5-2.238-5-5s2.238-5 5-5c3.309 0 6-2.691 6-6 0-2.762 2.238-5 5-5s5 2.238 5 5c0 3.309 2.691 6 6 6 2.762 0 5 2.238 5 5s-2.238 5-5 5c-3.309 0-6 2.691-6 6a5 5 0 0 1-5 5z"
/>
<g fill="#ff5ba8">
<path
d="M347.277 53.579a5 5 0 0 1-5-5c0-3.309-2.691-6-6-6-2.762 0-5-2.238-5-5s2.238-5 5-5c3.309 0 6-2.691 6-6 0-2.762 2.238-5 5-5s5 2.238 5 5c0 3.309 2.691 6 6 6 2.762 0 5 2.238 5 5s-2.238 5-5 5c-3.309 0-6 2.691-6 6a5 5 0 0 1-5 5zM467.471 471.421a5 5 0 0 1-5-5c0-3.309-2.691-6-6-6-2.762 0-5-2.238-5-5s2.238-5 5-5c3.309 0 6-2.691 6-6 0-2.762 2.238-5 5-5s5 2.238 5 5c0 3.309 2.691 6 6 6 2.762 0 5 2.238 5 5s-2.238 5-5 5c-3.309 0-6 2.691-6 6a5 5 0 0 1-5 5z"
/>
</g>
</svg>
More icons in the same style and category