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="48.606"
x2="438.791"
y1="463.622"
y2="-1.382"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d2deff" stop-opacity="0" />
<stop offset=".685" stop-color="#d2deff" />
</linearGradient>
<path
fill="url(#a)"
d="M418.32 2.5c-55.666-9.521-178.298 12.183-200.004 105.017-14.431 61.722-14.007 112.075-50.427 113.02-21.67.562-32.97-44.31-62.889-48.001-39.047-4.817-66.145 27.695-83.057 57.138-37.205 64.772-25.571 174.918 23.354 228.632 118.488 130.086 259.197-5.952 319.358-112.309 38.585-68.213 125.637-123.352 143.767-200.248C523.599 81.373 489.919 14.746 418.32 2.5z"
/>
<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="#2626bc"
d="M350.232 481.339H161.768c-19.299 0-35-15.701-35-35V65.661c0-19.299 15.701-35 35-35h188.464c19.299 0 35 15.701 35 35v380.678c0 19.299-15.701 35-35 35zM161.768 40.661c-13.785 0-25 11.215-25 25v380.678c0 13.785 11.215 25 25 25h188.464c13.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" />
<path
fill="#02ffb3"
d="M342.708 201.733H169.292c-5.523 0-10-4.477-10-10V113.79c0-5.523 4.477-10 10-10h173.416c5.523 0 10 4.477 10 10v77.943c0 5.523-4.477 10-10 10z"
/>
<path
fill="#fff"
d="m309.49 158.495-36.69-36.69a4.999 4.999 0 0 0-7.071 0l-21.158 21.163-9.666-9.666a5 5 0 0 0-7.07.001l-25.324 25.324a4.998 4.998 0 0 0 0 7.07 4.998 4.998 0 0 0 7.07 0l21.789-21.788 21.712 21.71c.976.977 2.256 1.465 3.535 1.465s2.56-.488 3.535-1.465a4.998 4.998 0 0 0 0-7.07l-8.51-8.51 17.623-17.628 33.155 33.154c.976.977 2.256 1.465 3.535 1.465s2.56-.488 3.535-1.465a4.998 4.998 0 0 0 0-7.07z"
/>
<path
fill="#dcfdee"
d="M320.921 216.665H191.642a5 5 0 0 1-5-5V192.01a5 5 0 0 1 5-5H320.92a5 5 0 0 1 5 5v19.654a5 5 0 0 1-4.999 5.001z"
/>
<path
fill="#00d890"
d="M293.34 196.733h-74.68a5 5 0 0 0 0 10h74.681a5 5 0 0 0-.001-10z"
/>
<path
fill="#ff7eb8"
d="M342.708 342.513H169.292c-5.523 0-10-4.477-10-10V254.57c0-5.523 4.477-10 10-10h173.416c5.523 0 10 4.477 10 10v77.943c0 5.523-4.477 10-10 10z"
/>
<path
fill="#fff"
d="m309.49 299.275-36.69-36.69a4.999 4.999 0 0 0-7.071 0l-21.158 21.163-9.666-9.666a5 5 0 0 0-7.07.001l-25.324 25.324a4.998 4.998 0 0 0 0 7.07 4.998 4.998 0 0 0 7.07 0l21.789-21.788 21.712 21.71c.976.977 2.256 1.465 3.535 1.465s2.56-.488 3.535-1.465a4.998 4.998 0 0 0 0-7.07l-8.51-8.51 17.623-17.628 33.155 33.154c.976.977 2.256 1.465 3.535 1.465s2.56-.488 3.535-1.465a4.998 4.998 0 0 0 0-7.07z"
/>
<path
fill="#ffdbed"
d="M320.921 357.444H191.642a5 5 0 0 1-5-5V332.79a5 5 0 0 1 5-5H320.92a5 5 0 0 1 5 5v19.654a4.998 4.998 0 0 1-4.999 5z"
/>
<path
fill="#ff5ba8"
d="M293.34 337.513h-74.68a5 5 0 0 0 0 10h74.681a5 5 0 0 0-.001-10z"
/>
<path
fill="#9fb0fe"
d="M352.71 395.35v38.08H159.29v-38.08c0-5.52 4.48-10 10-10h173.42c5.52 0 10 4.48 10 10z"
/>
<path
fill="#fff"
d="M302.86 433.43h-14.14l-19.46-19.46-17.62 17.63 1.83 1.83h-14.14l-7.96-7.96-7.96 7.96h-14.14l18.56-18.57a5.003 5.003 0 0 1 7.07 0l9.67 9.67 21.16-21.16c.94-.94 2.21-1.47 3.53-1.47 1.33 0 2.6.53 3.54 1.47z"
/>
<path
fill="#ff5ba8"
d="M428.087 172.085c-7.88 0-14.292-6.411-14.292-14.291s6.411-14.292 14.292-14.292 14.292 6.411 14.292 14.292c0 7.88-6.411 14.291-14.292 14.291zm0-18.582c-2.366 0-4.292 1.925-4.292 4.292s1.925 4.291 4.292 4.291 4.292-1.925 4.292-4.291-1.925-4.292-4.292-4.292z"
/>
<path
fill="#6583fe"
d="M416.941 81.321c-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.291c0 7.881-6.411 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.925 4.292-4.292-1.925-4.291-4.292-4.291z"
/>
<path
fill="#ff5ba8"
d="M86.206 381.801c-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.291c0 7.881-6.412 14.292-14.292 14.292zm0-18.582c-2.366 0-4.292 1.925-4.292 4.291s1.925 4.292 4.292 4.292 4.292-1.925 4.292-4.292-1.926-4.291-4.292-4.291z"
/>
<path
fill="#01eca5"
d="M95.498 334.942a5 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"
/>
<path
fill="#6583fe"
d="M434.233 374.219a5 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