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, 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="4.722"
x2="389.966"
y1="449.152"
y2="-9.964"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d2deff" stop-opacity="0" />
<stop offset=".685" stop-color="#d2deff" />
</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="M350.232 500.339H161.768c-16.569 0-30-13.431-30-30V89.661c0-16.569 13.431-30 30-30h188.464c16.569 0 30 13.431 30 30v380.678c0 16.569-13.431 30-30 30z"
opacity=".1"
/>
<path
fill="#6583fe"
d="M350.232 476.339H161.768c-16.569 0-30-13.431-30-30V65.661c0-16.569 13.431-30 30-30h188.464c16.569 0 30 13.431 30 30v380.678c0 16.569-13.431 30-30 30z"
/>
<path fill="#fff" d="M131.77 78.57h248.46v354.86H131.77z" />
<path fill="#97ffd2" d="M131.77 317.94h248.46v115.49H131.77z" />
<path
fill="#02ffb3"
d="M351.45 317.94v35.95c0 5.52-4.48 10-10 10h-170.9c-5.52 0-10-4.48-10-10v-35.95z"
/>
<path
fill="#2626bc"
d="M350.232 481.339H161.768c-19.299 0-35-15.701-35-35V65.661c0-19.299 15.701-35 35-35h188.465c19.299 0 35 15.701 35 35v380.678c-.001 19.299-15.702 35-35.001 35zM161.768 40.661c-13.785 0-25 11.215-25 25v380.678c0 13.785 11.215 25 25 25h188.465c13.785 0 25-11.215 25-25V65.661c0-13.785-11.215-25-25-25z"
/>
<path
fill="#b7c5ff"
d="M273.483 63.031h-34.966a5 5 0 0 1 0-10h34.966a5 5 0 0 1 0 10z"
/>
<circle cx="296.813" cy="58.03" r="5.002" fill="#b7c5ff" />
<circle cx="256" cy="386.318" r="22.218" fill="#ff7eb8" />
<path
fill="#fff"
d="M264.84 381.318H261v-3.84a5 5 0 0 0-10 0v3.84h-3.84a5 5 0 0 0 0 10H251v3.84a5 5 0 0 0 10 0v-3.84h3.84a5 5 0 0 0 0-10z"
/>
<path
fill="#9fb0fe"
d="M341.449 260.589H170.551c-5.523 0-10-4.477-10-10v-51.892c0-5.523 4.477-10 10-10h170.897c5.523 0 10 4.477 10 10v51.892c.001 5.523-4.476 10-9.999 10z"
/>
<path
fill="#8399fe"
d="M341.449 346.901H170.551c-5.523 0-10-4.477-10-10v-51.892c0-5.523 4.477-10 10-10h170.897c5.523 0 10 4.477 10 10v51.892c.001 5.523-4.476 10-9.999 10z"
/>
<path
fill="#fff"
d="M193.699 201.897h-14.681a5 5 0 0 0 0 10h14.681a5 5 0 0 0 0-10zM193.699 288.336h-14.681a5 5 0 0 0 0 10h14.681a5 5 0 0 0 0-10z"
/>
<circle cx="330.112" cy="142.945" r="28.297" fill="#d2deff" />
<path
fill="#b7c5ff"
d="M351.45 142.383v21.89c0 5.53-4.48 10-10 10h-170.9c-5.52 0-10-4.47-10-10v-21.89c0-5.52 4.48-10 10-10h170.9c5.52 0 10 4.48 10 10z"
/>
<path
fill="#9fb0fe"
d="M351.45 142.383v19.14c-5.19 5.96-12.82 9.72-21.34 9.72-15.63 0-28.29-12.67-28.29-28.3 0-3.74.72-7.3 2.04-10.56h37.59c5.52 0 10 4.48 10 10z"
/>
<circle cx="330.112" cy="127.904" r="28.297" fill="#02ffb3" />
<path
fill="#00b574"
d="M325.094 112.862a5 5 0 0 0-3.053 8.962l7.897 6.08-7.897 6.08a5.002 5.002 0 0 0-.912 7.013 5.003 5.003 0 0 0 7.012.911l13.042-10.042a5 5 0 0 0 0-7.924L328.141 113.9a4.983 4.983 0 0 0-3.047-1.038z"
/>
<g fill="#ff7eb8">
<path
d="M186.861 403.537h-8.681a5 5 0 0 0 0 10h8.681a5 5 0 0 0 0-10zM218.944 403.537h-8.681a5 5 0 0 0 0 10h8.681a5 5 0 0 0 0-10zM301.737 403.537h-8.681a5 5 0 0 0 0 10h8.681a5 5 0 0 0 0-10zM333.82 403.537h-8.681a5 5 0 0 0 0 10h8.681a5 5 0 0 0 0-10z"
/>
</g>
<path
fill="#6583fe"
d="M437.277 295.564c-7.88 0-14.291-6.411-14.291-14.292s6.411-14.292 14.291-14.292c7.881 0 14.292 6.411 14.292 14.292s-6.411 14.292-14.292 14.292zm0-18.583c-2.366 0-4.291 1.925-4.291 4.292s1.925 4.292 4.291 4.292 4.292-1.925 4.292-4.292-1.925-4.292-4.292-4.292z"
/>
<path
fill="#ff5ba8"
d="M68.572 400.61c-7.88 0-14.291-6.411-14.291-14.292s6.411-14.292 14.291-14.292c7.881 0 14.292 6.411 14.292 14.292s-6.411 14.292-14.292 14.292zm0-18.583c-2.366 0-4.291 1.925-4.291 4.292s1.925 4.292 4.291 4.292 4.292-1.925 4.292-4.292-1.926-4.292-4.292-4.292z"
/>
<path
fill="#01eca5"
d="M422.771 338.878a5 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 5zM84.039 335.798a5 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="#6583fe"
d="M428.185 132.517a5 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