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="379.929"
y2="104.561"
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 314.759C22.344 487.63 297.313 481.901 425.7 451.024c82.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 40.563-4.109 225.537 4.896 314.759z"
/>
<path
fill="#2626bc"
d="M350.232 490.839H161.768c-16.569 0-30-13.431-30-30V80.161c0-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 466.839H161.768c-16.569 0-30-13.431-30-30V56.161c0-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 69.07h248.46v354.86H131.77z" />
<path
fill="#02ffb3"
d="M380.23 228.829V423.93H131.77V228.829c0-16.569 13.431-30 30-30h188.46c16.569 0 30 13.431 30 30z"
/>
<path
fill="#01eca5"
d="M380.232 263.964H214.876c-5.523 0-10-4.477-10-10v-85.109c0-5.523 4.477-10 10-10h165.356z"
/>
<g fill="#dcfdee">
<path
d="M313.976 325.531H131.768v-46.176h182.208c5.523 0 10 4.477 10 10v26.176c0 5.523-4.477 10-10 10zM313.976 390.853H131.768v-46.176h182.208c5.523 0 10 4.477 10 10v26.176c0 5.522-4.477 10-10 10z"
/>
</g>
<path
fill="#ff7eb8"
d="M380.232 251.383H214.876c-5.523 0-10-4.477-10-10v-85.109c0-5.523 4.477-10 10-10h165.356z"
/>
<path
fill="#2626bc"
d="M350.232 471.839H161.768c-19.299 0-35-15.701-35-35V56.161c0-19.299 15.701-35 35-35h188.464c19.299 0 35 15.701 35 35v380.678c0 19.299-15.701 35-35 35zM161.768 31.161c-13.785 0-25 11.215-25 25v380.678c0 13.785 11.215 25 25 25h188.464c13.785 0 25-11.215 25-25V56.161c0-13.785-11.215-25-25-25z"
/>
<path
fill="#b7c5ff"
d="M273.483 53.531h-34.966a5 5 0 0 1 0-10h34.966a5 5 0 0 1 0 10z"
/>
<circle cx="296.813" cy="48.529" r="5.002" fill="#b7c5ff" />
<path
fill="#ff7eb8"
d="M189.821 97.177H166.14a5 5 0 0 0 0 10h23.681a5 5 0 0 0 0-10z"
/>
<path
fill="#01eca5"
d="M204.821 288.378H163.14a5 5 0 0 0 0 10h41.681a5 5 0 0 0 0-10z"
/>
<path
fill="#fff"
d="M352.627 220.577h-101.68a5 5 0 0 0 0 10h101.681a5 5 0 0 0-.001-10z"
/>
<path
fill="#01eca5"
d="M234.821 306.379H163.14a5 5 0 0 0 0 10h71.681a5 5 0 0 0 0-10z"
/>
<g fill="#01eca5">
<path
d="M204.821 353.764H163.14a5 5 0 0 0 0 10h41.681a5 5 0 0 0 0-10zM234.821 371.766H163.14a5 5 0 0 0 0 10h71.681a5 5 0 0 0 0-10z"
/>
</g>
<path
fill="#9fb0fe"
d="M255.821 117.449H166.14a5 5 0 0 0 0 10h89.681a5 5 0 0 0 0-10z"
/>
<g fill="#ff7eb8">
<circle cx="300.184" cy="311.379" r="5.002" />
<circle cx="283.807" cy="311.379" r="5.002" />
</g>
<circle cx="323.976" cy="161.1" r="33.651" fill="#02ffb3" />
<path
fill="#fff"
d="M340.593 162.238c0-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"
/>
<g fill="#02ffb3">
<circle cx="240.945" cy="163.856" r="5.002" />
<circle cx="224.568" cy="163.856" r="5.002" />
</g>
<path
fill="#ff5ba8"
d="M421.986 255.732c-7.88 0-14.292-6.411-14.292-14.292s6.411-14.292 14.292-14.292 14.292 6.411 14.292 14.292-6.412 14.292-14.292 14.292zm0-18.583c-2.366 0-4.292 1.925-4.292 4.292s1.925 4.292 4.292 4.292 4.292-1.925 4.292-4.292-1.926-4.292-4.292-4.292zM65.431 339.822c-7.88 0-14.292-6.411-14.292-14.292s6.411-14.292 14.292-14.292 14.292 6.411 14.292 14.292-6.411 14.292-14.292 14.292zm0-18.583c-2.366 0-4.292 1.925-4.292 4.292s1.925 4.292 4.292 4.292 4.292-1.925 4.292-4.292-1.926-4.292-4.292-4.292z"
/>
<path
fill="#01eca5"
d="M94.622 382.056c-7.88 0-14.292-6.411-14.292-14.292s6.411-14.292 14.292-14.292 14.292 6.411 14.292 14.292-6.412 14.292-14.292 14.292zm0-18.583c-2.366 0-4.292 1.925-4.292 4.292s1.925 4.292 4.292 4.292 4.292-1.925 4.292-4.292-1.926-4.292-4.292-4.292zM85.33 133.115a5 5 0 0 1-5-5c0-3.309-2.691-6-6-6a5 5 0 0 1 0-10c3.309 0 6-2.692 6-6a5 5 0 0 1 10 0c0 3.309 2.691 6 6 6a5 5 0 0 1 0 10c-3.309 0-6 2.691-6 6a5 5 0 0 1-5 5z"
/>
<path
fill="#6583fe"
d="M437.785 309.378a5 5 0 0 1-5-5c0-3.309-2.691-6-6-6a5 5 0 0 1 0-10c3.309 0 6-2.691 6-6a5 5 0 0 1 10 0c0 3.309 2.691 6 6 6a5 5 0 0 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