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, blue, 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="96.524"
x2="444.685"
y1="456.355"
y2="41.432"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d2deff" stop-opacity="0" />
<stop offset=".685" stop-color="#d2deff" />
</linearGradient>
<path
fill="url(#a)"
d="M4.896 326.915C22.344 499.787 297.313 494.057 425.7 463.18c82.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 52.719-4.109 237.693 4.896 326.915z"
/>
<path
fill="#2626bc"
d="M455.47 454.789H56.53c-8.284 0-15-6.716-15-15V125.523c0-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 430.789H56.53c-8.284 0-15-6.716-15-15V101.523c0-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="#d2deff"
d="M196 430.786h259.47c8.284 0 15-6.716 15-15V372.93H196z"
/>
<path
fill="#8399fe"
d="M196 430.789H56.53c-8.284 0-15-6.716-15-15V101.523c0-8.284 6.716-15 15-15H196z"
/>
<circle cx="110.485" cy="215.71" r="33.651" fill="#02ffb3" />
<path
fill="#fff"
d="M98.625 228.464c-2.93 3-4.75 7.1-4.75 11.61v4.91c3.07 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.94-1.99 10-3.73v-4.91c0-4.51-1.81-8.61-4.75-11.61 2.94-3 4.75-7.1 4.75-11.61 0-9.16-7.45-16.62-16.61-16.62s-16.61 7.46-16.61 16.62c0 4.51 1.82 8.61 4.75 11.61zm5.25-11.61c0-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.61s-6.61-2.97-6.61-6.61z"
/>
<path
fill="#4369fd"
d="M165.014 267.825H81.833a5 5 0 0 0 0 10h83.181a5 5 0 0 0 0-10zM144.014 288.313H81.833a5 5 0 0 0 0 10h62.181a5 5 0 0 0 0-10zM144.014 308.801H81.833a5 5 0 0 0 0 10h62.181a5 5 0 0 0 0-10z"
/>
<g fill="#fff">
<path
d="M165.014 345.934H81.833a5 5 0 0 0 0 10h83.181a5 5 0 0 0 0-10zM165.014 366.421H81.833a5 5 0 0 0 0 10h83.181a5 5 0 0 0 0-10zM165.014 386.909H81.833a5 5 0 0 0 0 10h83.181a5 5 0 0 0 0-10z"
/>
</g>
<path
fill="#8399fe"
d="M275.004 386.909h-41.181a5 5 0 0 0 0 10h41.181a5 5 0 0 0 0-10z"
/>
<path
fill="#ff7eb8"
d="M350.85 386.909h-41.18a5 5 0 0 0 0 10h41.181a5 5 0 0 0-.001-10z"
/>
<path
fill="#00d890"
d="M426.697 386.909h-41.181a5 5 0 0 0 0 10h41.181a5 5 0 0 0 0-10z"
/>
<circle cx="165.012" cy="187.061" r="5.002" fill="#fff" />
<path
fill="#ff7eb8"
d="M470.47 155.836v-54.313c0-8.284-6.716-15-15-15H56.53c-8.284 0-15 6.716-15 15v54.313z"
/>
<path
fill="#2626bc"
d="M455.471 435.789H56.53c-11.028 0-20-8.972-20-20V101.523c0-11.028 8.972-20 20-20h398.941c11.028 0 20 8.972 20 20v314.266c0 11.028-8.972 20-20 20zM56.53 91.523c-5.514 0-10 4.486-10 10v314.266c0 5.514 4.486 10 10 10h398.941c5.514 0 10-4.486 10-10V101.523c0-5.514-4.486-10-10-10z"
/>
<circle cx="85.623" cy="123.424" r="10.901" fill="#ff5ba8" />
<circle cx="120.424" cy="123.424" r="10.901" fill="#fff" />
<circle cx="155.224" cy="123.424" r="10.901" fill="#02ffb3" />
<path
fill="#ffdbed"
d="M432.277 135.672H296.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 111.488c-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.918-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="#02ffb3"
d="M263.455 372.93h-34.632v-84.084a5 5 0 0 1 5-5h24.632a5 5 0 0 1 5 5z"
/>
<path
fill="#8399fe"
d="M319.435 372.93h-34.632V228.846a5 5 0 0 1 5-5h24.632a5 5 0 0 1 5 5zM375.415 372.93h-34.632V198.846a5 5 0 0 1 5-5h24.632a5 5 0 0 1 5 5z"
/>
<path
fill="#ff7eb8"
d="M431.395 372.93h-34.632V228.846a5 5 0 0 1 5-5h24.632a5 5 0 0 1 5 5z"
/>
<path
fill="#6583fe"
d="M336.526 48.171c-7.88 0-14.291-6.411-14.291-14.292 0-7.88 6.411-14.291 14.291-14.291 7.881 0 14.292 6.411 14.292 14.291 0 7.881-6.411 14.292-14.292 14.292zm0-18.583c-2.366 0-4.291 1.925-4.291 4.291s1.925 4.292 4.291 4.292 4.292-1.926 4.292-4.292-1.925-4.291-4.292-4.291zM109.523 492.412c-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="#ff5ba8"
d="M287.203 59.171c-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="#01eca5"
d="M327.235 489.703c-7.881 0-14.292-6.411-14.292-14.291 0-7.881 6.411-14.292 14.292-14.292 7.88 0 14.291 6.411 14.291 14.292 0 7.88-6.411 14.291-14.291 14.291zm0-18.583c-2.366 0-4.292 1.926-4.292 4.292s1.926 4.291 4.292 4.291 4.291-1.925 4.291-4.291-1.924-4.292-4.291-4.292z"
/>
<path
fill="#ff5ba8"
d="M280.652 480.12a5 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"
/>
</svg>
More icons in the same style and category