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="27.58"
x2="504.532"
y1="387.951"
y2="112.582"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#dcfdee" stop-opacity="0" />
<stop offset=".629" stop-color="#d2f3e4" />
</linearGradient>
<path
fill="url(#a)"
d="M4.896 322.78C22.344 495.652 297.313 489.923 425.7 459.046c82.47-19.834 87.596-59.472 86.106-144.001-.96-54.486 3.443-198.725-32.004-244.123-54.448-69.733-103.228-25.998-170.656-3.235-86.488 29.197-120.189-22.932-202.476-21.38C-13.971 48.585-4.109 233.558 4.896 322.78z"
/>
<path
fill="#2626bc"
d="M455.47 450.655H56.53c-8.284 0-15-6.716-15-15V121.388c0-8.284 6.716-15 15-15h398.94c8.284 0 15 6.716 15 15v314.266c0 8.285-6.715 15.001-15 15.001z"
opacity=".1"
/>
<path
fill="#fff"
d="M455.47 426.655H56.53c-8.284 0-15-6.716-15-15V97.388c0-8.284 6.716-15 15-15h398.94c8.284 0 15 6.716 15 15v314.266c0 8.285-6.715 15.001-15 15.001z"
/>
<path
fill="#01eca5"
d="M175.621 426.655H65.572a5 5 0 0 1-5-5v-71.73a5 5 0 0 1 5-5H175.62a5 5 0 0 1 5 5v71.73a4.999 4.999 0 0 1-4.999 5z"
/>
<path
fill="#fff"
d="m82.008 402.906 15.458-15.458 15.629 15.628a4.998 4.998 0 0 0 3.535 1.464c4.454 0 6.685-5.385 3.535-8.535l-2.427-2.427 17.623-17.628 26.89 26.89a4.998 4.998 0 0 0 3.535 1.464c4.454 0 6.685-5.385 3.535-8.535l-30.426-30.426a4.999 4.999 0 0 0-7.071 0l-21.158 21.163L101 376.84a5 5 0 0 0-7.07.001l-18.993 18.993c-3.15 3.15-.919 8.535 3.535 8.535a4.995 4.995 0 0 0 3.536-1.463z"
/>
<path
fill="#ff7eb8"
d="M311.024 426.655H200.976a5 5 0 0 1-5-5v-71.73a5 5 0 0 1 5-5h110.048a5 5 0 0 1 5 5v71.73a5 5 0 0 1-5 5z"
/>
<path
fill="#fff"
d="m217.411 402.906 15.458-15.458 15.629 15.628a4.998 4.998 0 0 0 3.535 1.464c4.454 0 6.685-5.385 3.535-8.535l-2.427-2.427 17.623-17.628 26.89 26.89a4.998 4.998 0 0 0 3.535 1.464c4.454 0 6.685-5.385 3.535-8.535L274.3 365.344a4.999 4.999 0 0 0-7.071 0l-21.158 21.163-9.666-9.666a5 5 0 0 0-7.07.001l-18.993 18.993c-3.15 3.15-.919 8.535 3.535 8.535a4.997 4.997 0 0 0 3.534-1.464z"
/>
<path
fill="#ffa8cf"
d="M446.428 426.655H336.379a5 5 0 0 1-5-5v-71.73a5 5 0 0 1 5-5h110.048a5 5 0 0 1 5 5v71.73a4.999 4.999 0 0 1-4.999 5z"
/>
<path
fill="#fff"
d="m352.815 402.906 15.458-15.458 15.629 15.628a4.998 4.998 0 0 0 3.535 1.464c4.454 0 6.685-5.385 3.535-8.535l-2.427-2.427 17.623-17.628 26.89 26.89a4.998 4.998 0 0 0 3.535 1.464c4.454 0 6.685-5.385 3.535-8.535l-30.426-30.426a4.999 4.999 0 0 0-7.071 0l-21.158 21.163-9.666-9.666a5 5 0 0 0-7.07.001l-18.993 18.993c-3.15 3.15-.919 8.535 3.535 8.535a4.995 4.995 0 0 0 3.536-1.463z"
/>
<path
fill="#9fb0fe"
d="M121.253 171.328h-47.68a5 5 0 0 0 0 10h47.681a5 5 0 0 0-.001-10zM41.53 198.871h428.94v84.47H41.53z"
/>
<path
fill="#b7c5ff"
d="M470.47 198.871v84.47H269.38c1.71-62.74 123.46-84.47 123.46-84.47z"
/>
<path
fill="#8399fe"
d="M161.51 283.341H41.53v-84.47h31.41c2.02 13.17 10.8 29.28 41.15 31.49 42.54 3.09 59.32 31.55 47.42 52.98zM470.47 198.871v84.47H382.5c-11.62-24.99 13.3-54.51-35.14-52.98-43.93 1.39-67.45-18.08-78.37-31.49z"
/>
<path
fill="#6583fe"
d="M470.47 151.701V97.388c0-8.284-6.716-15-15-15H56.53c-8.284 0-15 6.716-15 15v54.313z"
/>
<path
fill="#2626bc"
d="M455.471 431.654H56.529c-11.028 0-20-8.972-20-20V97.389c0-11.028 8.972-20 20-20H455.47c11.028 0 20 8.972 20 20v314.266c.001 11.028-8.971 19.999-19.999 19.999zM56.529 87.389c-5.514 0-10 4.486-10 10v314.266c0 5.514 4.486 10 10 10H455.47c5.514 0 10-4.486 10-10V97.389c0-5.514-4.486-10-10-10z"
/>
<circle cx="85.623" cy="119.289" r="10.901" fill="#ff5ba8" />
<circle cx="120.424" cy="119.289" r="10.901" fill="#fff" />
<circle cx="155.224" cy="119.289" r="10.901" fill="#02ffb3" />
<path
fill="#d2deff"
d="M432.277 131.537H296.119v-24.496h136.159a5 5 0 0 1 5 5v14.496a5.001 5.001 0 0 1-5.001 5z"
/>
<path
fill="#fff"
d="M296.789 107.353c-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 0a3.562 3.562 0 0 1 0-5.031z"
/>
<path
fill="#d2deff"
d="M358.368 189.655H153.632a5 5 0 0 1-5-5v-16.654a5 5 0 0 1 5-5h204.736a5 5 0 0 1 5 5v16.654a5 5 0 0 1-5 5z"
/>
<path
fill="#8399fe"
d="M358.368 163.001h-27.007v26.654h27.007a5 5 0 0 0 5-5v-16.654a5 5 0 0 0-5-5z"
/>
<g fill="#d2deff">
<path
d="M445.934 186.652h-58.325a5 5 0 0 1-5-5v-10.648a5 5 0 0 1 5-5h58.325a5 5 0 0 1 5 5v10.648a5 5 0 0 1-5 5z"
/>
<circle cx="331.361" cy="259.314" r="9.298" />
<path
d="M188.92 283.341H74.93c2.11-6.88 51.323-60.918 91.195-60.146 45.854.887 1.835 43.206 22.795 60.146z"
/>
</g>
<path
fill="#6583fe"
d="M190.556 307.207h-23.681a5 5 0 0 0 0 10h23.681a5 5 0 0 0 0-10z"
/>
<path
fill="#9fb0fe"
d="M242.079 307.207h-23.681a5 5 0 0 0 0 10h23.681a5 5 0 0 0 0-10zM293.602 307.207h-23.681a5 5 0 0 0 0 10h23.681a5 5 0 0 0 0-10zM345.125 307.207h-23.681a5 5 0 0 0 0 10h23.681a5 5 0 0 0 0-10z"
/>
<path
fill="#02ffb3"
d="M285.97 263.625h-59.94a5 5 0 0 1-5-5v-8.208a5 5 0 0 1 5-5h59.941a5 5 0 0 1 5 5v8.208a5 5 0 0 1-5.001 5z"
/>
<path
fill="#ff5ba8"
d="M178.716 479.234c-7.881 0-14.292-6.411-14.292-14.292 0-7.88 6.411-14.291 14.292-14.291 7.88 0 14.291 6.411 14.291 14.291 0 7.881-6.411 14.292-14.291 14.292zm0-18.583c-2.366 0-4.292 1.925-4.292 4.291s1.926 4.292 4.292 4.292 4.291-1.926 4.291-4.292-1.925-4.291-4.291-4.291z"
/>
<path
fill="#6583fe"
d="M441.604 488.525c-7.88 0-14.291-6.411-14.291-14.291 0-7.881 6.411-14.292 14.291-14.292s14.291 6.411 14.291 14.292c0 7.88-6.412 14.291-14.291 14.291zm0-18.583c-2.366 0-4.291 1.926-4.291 4.292s1.925 4.291 4.291 4.291 4.291-1.925 4.291-4.291-1.925-4.292-4.291-4.292z"
/>
<path
fill="#01eca5"
d="M233.782 60.101a5 5 0 0 1-5-5c0-3.309-2.692-6-6.001-6-2.762 0-5-2.238-5-5s2.238-5 5-5a6.007 6.007 0 0 0 6.001-6c0-2.762 2.238-5 5-5s5 2.238 5 5c0 3.309 2.691 6 5.999 6 2.762 0 5 2.238 5 5s-2.238 5-5 5a6.006 6.006 0 0 0-5.999 6 5 5 0 0 1-5 5z"
/>
<path
fill="#6583fe"
d="M281.762 52.058a5 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="M120.424 491.942a5 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"
/>
</svg>
More icons in the same style and category