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="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 107.867H56.53c-8.284 0-15 6.716-15 15v314.266c0 8.284 6.716 15 15 15h17.092v23.948c0 5.523 4.477 10 10 10h145.579c5.523 0 10-4.477 10-10v-23.948h33.598v23.948c0 5.523 4.477 10 10 10h145.579c5.523 0 10-4.477 10-10v-23.948h17.092c8.284 0 15-6.716 15-15V122.867c0-8.284-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"
/>
<circle cx="256" cy="355.528" r="44.284" fill="#ffdbed" />
<path
fill="#ff7eb8"
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="#ffdbed"
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"
/>
<path
fill="#9fb0fe"
d="M239.2 195.96v256.12c0 5.52-4.48 10-10 10H83.62c-5.52 0-10-4.48-10-10V195.96c0-5.52 4.48-10 10-10H229.2c5.52 0 10 4.48 10 10z"
/>
<path
fill="#8399fe"
d="M239.2 314.54v81.97c-16.13-6.61-27.48-22.47-27.48-40.98s11.35-34.37 27.48-40.99z"
/>
<path
fill="#8399fe"
d="M239.2 381.02v71.06c0 5.52-4.48 10-10 10H83.62c-5.52 0-10-4.48-10-10v-71.06z"
/>
<g fill="#6583fe">
<path
d="M239.2 381.02v15.49a44.37 44.37 0 0 1-19.41-15.49zM239.201 217.475H73.622v-21.513c0-5.523 4.477-10 10-10h145.579c5.523 0 10 4.477 10 10z"
/>
</g>
<circle cx="156.412" cy="283.651" r="33.651" fill="#02ffb3" />
<path
fill="#fff"
d="M173.028 284.789c0-9.16-7.46-16.61-16.62-16.61s-16.61 7.45-16.61 16.61c0 4.52 1.82 8.62 4.75 11.62a16.55 16.55 0 0 0-4.75 11.61v4.9c3.07 1.74 6.43 3.02 10 3.73v-8.63c0-3.65 2.97-6.61 6.61-6.61 3.65 0 6.62 2.96 6.62 6.61v8.63c3.57-.71 6.93-1.99 10-3.73v-4.9c0-4.52-1.82-8.62-4.76-11.61 2.94-3 4.76-7.1 4.76-11.62zm-16.62 6.62c-3.64 0-6.61-2.97-6.61-6.62 0-3.64 2.97-6.61 6.61-6.61 3.65 0 6.62 2.97 6.62 6.61 0 3.65-2.97 6.62-6.62 6.62z"
/>
<path
fill="#4369fd"
d="M186.252 345.293h-59.681a5 5 0 0 1 0-10h59.681a5 5 0 0 1 0 10z"
/>
<path
fill="#fff"
d="M186.252 409.035h-59.681a5 5 0 0 1 0-10h59.681a5 5 0 0 1 0 10zM186.252 428.133h-59.681a5 5 0 0 1 0-10h59.681a5 5 0 0 1 0 10z"
/>
<path
fill="#4369fd"
d="M147.252 362.75h-20.681a5 5 0 0 1 0-10h20.681a5 5 0 0 1 0 10z"
/>
<path
fill="#fff"
d="M215.205 238.345h-11.681a5 5 0 0 1 0-10h11.681a5 5 0 0 1 0 10zM215.205 253.831h-11.681a5 5 0 0 1 0-10h11.681a5 5 0 0 1 0 10z"
/>
<circle cx="98.42" cy="233.345" r="5.002" fill="#fff" />
<path
fill="#97ffd2"
d="M438.38 195.96v256.12c0 5.52-4.48 10-10 10H282.8c-5.52 0-10-4.48-10-10V195.96c0-5.52 4.48-10 10-10h145.58c5.52 0 10 4.48 10 10z"
/>
<path
fill="#02ffb3"
d="M300.28 355.53c0 18.51-11.35 34.37-27.48 40.98v-81.97c16.13 6.62 27.48 22.48 27.48 40.99z"
/>
<path
fill="#01eca5"
d="M438.38 381.02v71.06c0 5.52-4.48 10-10 10H282.8c-5.52 0-10-4.48-10-10v-71.06z"
/>
<path
fill="#00d890"
d="M292.21 381.02a44.37 44.37 0 0 1-19.41 15.49v-15.49z"
/>
<path
fill="#01eca5"
d="M438.378 217.475H272.799v-21.513c0-5.523 4.477-10 10-10h145.579c5.523 0 10 4.477 10 10z"
/>
<circle cx="355.588" cy="283.651" r="33.651" fill="#ff7eb8" />
<path
fill="#fff"
d="M372.205 284.789c0-9.16-7.46-16.61-16.62-16.61s-16.61 7.45-16.61 16.61c0 4.52 1.82 8.62 4.75 11.62a16.55 16.55 0 0 0-4.75 11.61v4.9c3.07 1.74 6.43 3.02 10 3.73v-8.63c0-3.65 2.97-6.61 6.61-6.61 3.65 0 6.62 2.96 6.62 6.61v8.63c3.57-.71 6.93-1.99 10-3.73v-4.9c0-4.52-1.82-8.62-4.76-11.61 2.94-3 4.76-7.1 4.76-11.62zm-16.62 6.62c-3.64 0-6.61-2.97-6.61-6.62 0-3.64 2.97-6.61 6.61-6.61 3.65 0 6.62 2.97 6.62 6.61 0 3.65-2.97 6.62-6.62 6.62z"
/>
<path
fill="#ff7eb8"
d="M385.429 345.293h-59.681a5 5 0 0 1 0-10h59.681a5 5 0 0 1 0 10z"
/>
<path
fill="#fff"
d="M385.429 409.035h-59.681a5 5 0 0 1 0-10h59.681a5 5 0 0 1 0 10zM385.429 428.133h-59.681a5 5 0 0 1 0-10h59.681a5 5 0 0 1 0 10z"
/>
<path
fill="#ff7eb8"
d="M346.429 362.75h-20.681a5 5 0 0 1 0-10h20.681a5 5 0 0 1 0 10z"
/>
<path
fill="#fff"
d="M414.382 238.345h-11.681a5 5 0 0 1 0-10h11.681a5 5 0 0 1 0 10zM414.382 253.831h-11.681a5 5 0 0 1 0-10h11.681a5 5 0 0 1 0 10z"
/>
<circle cx="297.597" cy="233.345" r="5.002" fill="#fff" />
<circle cx="256" cy="331.528" r="44.284" fill="#ff7eb8" />
<path
fill="#2626bc"
d="M455.471 78.867H56.529c-11.028 0-20 8.972-20 20v314.266c0 11.028 8.972 20 20 20h12.093v18.949c0 8.271 6.729 15 15 15h145.579c8.271 0 15-6.729 15-15v-18.949h23.598v18.949c0 8.271 6.729 15 15 15h145.579c8.271 0 15-6.729 15-15v-18.949h12.093c11.028 0 20-8.972 20-20V98.867c0-11.028-8.972-20-20-20zm-226.27 378.215H83.622c-2.757 0-5-2.243-5-5v-256.12c0-2.757 2.243-5 5-5h145.579c2.757 0 5 2.243 5 5v91.381c-16.269 8.059-27.485 24.833-27.485 44.186 0 19.352 11.216 36.126 27.485 44.185v76.369a5.005 5.005 0 0 1-5 4.999zm66.083-125.554c0 21.661-17.623 39.283-39.284 39.283s-39.284-17.622-39.284-39.283 17.623-39.284 39.284-39.284 39.284 17.623 39.284 39.284zm-51.083 91.605v-43.759c3.783.933 7.732 1.438 11.799 1.438s8.016-.505 11.799-1.438v43.759zm189.177 28.949c0 2.757-2.243 5-5 5H282.799c-2.757 0-5-2.243-5-5v-76.369c16.269-8.059 27.485-24.833 27.485-44.185s-11.216-36.127-27.485-44.186v-91.381c0-2.757 2.243-5 5-5h145.579c2.757 0 5 2.243 5 5zm32.093-38.949c0 5.514-4.486 10-10 10h-12.093V195.962c0-8.271-6.729-15-15-15H282.799c-8.271 0-15 6.729-15 15v87.72c-3.783-.933-7.732-1.438-11.799-1.438s-8.016.505-11.799 1.438v-87.72c0-8.271-6.729-15-15-15H83.622c-8.271 0-15 6.729-15 15v227.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="#fff"
d="M269.447 328.208h-26.895a4.999 4.999 0 0 1-3.535-8.535l13.447-13.448a5 5 0 0 1 7.07 7.071l-4.912 4.912h14.824a5 5 0 0 1 .001 10zM256 358.295a5 5 0 0 1-3.535-8.535l4.912-4.912h-14.824a5 5 0 1 1 0-10h26.895a4.999 4.999 0 0 1 3.535 8.535l-13.447 13.448a4.987 4.987 0 0 1-3.536 1.464z"
/>
<path
fill="#01eca5"
d="M330.322 62.579a5 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="M283.647 49.87c-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="M41.529 476.373c-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.925-4.292-4.292-4.292z"
/>
<g fill="#01eca5">
<path
d="M231.205 62.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 5zM471.471 491.082a5 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