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="63.731"
x2="463.845"
y1="374.126"
y2="143.12"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#dcfdee" stop-opacity="0" />
<stop offset=".629" stop-color="#d2f3e4" />
</linearGradient>
<path
fill="url(#a)"
d="M20.337 130.334C-3.63 169.732-6.156 237.947 11.4 280.59c15.377 37.351 45.966 72.41 86.12 76.801 14.766 1.615 29.858-1.024 44.472 1.638 50.257 9.152 68.952 71.09 108.01 104.014 27.182 22.913 64.898 31.021 100.174 26.607s68.302-20.363 97.376-40.824c22.957-16.157 44.436-36.022 55.764-61.707 23.744-53.839-4.19-118.501-47.587-158.239-13.516-12.377-28.581-23.294-39.875-37.727-11.293-14.434-18.48-33.695-13.099-51.214 4.293-13.977 15.849-24.812 20.227-38.763 5.958-18.984-3.035-40.281-17.802-53.616s-34.308-20.039-53.666-24.64C270.411 3.639 92.691 11.395 20.337 130.334z"
/>
<path
fill="#2626bc"
d="M350.232 497.161H161.768c-16.569 0-30-13.431-30-30V86.483c0-16.569 13.431-30 30-30h188.464c16.569 0 30 13.431 30 30v380.678c0 16.568-13.431 30-30 30z"
opacity=".1"
/>
<path
fill="#6583fe"
d="M350.232 473.161H161.768c-16.569 0-30-13.431-30-30V62.483c0-16.569 13.431-30 30-30h188.464c16.569 0 30 13.431 30 30v380.678c0 16.568-13.431 30-30 30z"
/>
<path fill="#02ffb3" d="M131.77 75.392h248.46v354.86H131.77z" />
<path fill="#01eca5" d="M131.77 75.392h248.46v160.167H131.77z" />
<path fill="#ffc4df" d="M131.77 75.392h248.46v139.05H131.77z" />
<g fill="#ffa8cf">
<path
d="M192.498 189.307h-55.732a5 5 0 0 1-5-5v-40.452a5 5 0 0 1 5-5h55.732a5 5 0 0 1 5 5v40.452a5 5 0 0 1-5 5zM375.232 189.307H319.5a5 5 0 0 1-5-5v-40.452a5 5 0 0 1 5-5h55.732a5 5 0 0 1 5 5v40.452a5 5 0 0 1-5 5z"
/>
</g>
<path
fill="#ffa8cf"
d="M292.865 138.855h-73.732a5 5 0 0 0-5 5v40.452a5 5 0 0 0 5 5h13.646c4.495 0 8.71 2.417 10.771 6.411 2.326 4.507 7.028 7.589 12.449 7.589 5.422 0 10.124-3.082 12.45-7.589 2.061-3.994 6.276-6.411 10.771-6.411h13.646a5 5 0 0 0 5-5v-40.452a5.002 5.002 0 0 0-5.001-5z"
/>
<g fill="#fff">
<path
d="M192.498 171.081h-55.732a5 5 0 0 1-5-5V125.63a5 5 0 0 1 5-5h55.732a5 5 0 0 1 5 5v40.452a5 5 0 0 1-5 4.999zM375.232 171.081H319.5a5 5 0 0 1-5-5V125.63a5 5 0 0 1 5-5h55.732a5 5 0 0 1 5 5v40.452a4.999 4.999 0 0 1-5 4.999z"
/>
</g>
<path
fill="#2626bc"
d="M350.232 478.161H161.768c-19.299 0-35-15.701-35-35V62.483c0-19.299 15.701-35 35-35h188.464c19.299 0 35 15.701 35 35v380.678c0 19.299-15.701 35-35 35zM161.768 37.483c-13.785 0-25 11.215-25 25v380.678c0 13.785 11.215 25 25 25h188.464c13.785 0 25-11.215 25-25V62.483c0-13.785-11.215-25-25-25z"
/>
<path
fill="#b7c5ff"
d="M273.483 59.853h-34.966a5 5 0 0 1 0-10h34.966a5 5 0 0 1 0 10z"
/>
<circle cx="296.813" cy="54.851" r="5.002" fill="#b7c5ff" />
<path
fill="#fff"
d="M327.648 408.719H184.352c-11.046 0-20-8.954-20-20V256.404c0-11.046 8.954-20 20-20h143.295c11.046 0 20 8.954 20 20v132.315c.001 11.045-8.954 20-19.999 20z"
/>
<circle cx="256" cy="235.993" r="33.651" fill="#ff7eb8" />
<path
fill="#fff"
d="M272.617 237.131c0-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="M203.34 292.289h-11.68a5 5 0 0 0 0 10h11.681a5 5 0 0 0-.001-10z"
/>
<path
fill="#9fb0fe"
d="M320.34 312.561H191.66a5 5 0 0 0 0 10h128.68a5 5 0 0 0 0-10z"
/>
<path
fill="#ff7eb8"
d="M218.34 345.206h-26.68a5 5 0 0 0 0 10h26.681a5 5 0 0 0-.001-10z"
/>
<path
fill="#9fb0fe"
d="M320.34 365.478H191.66a5 5 0 0 0 0 10h128.68a5 5 0 0 0 0-10z"
/>
<path
fill="#ff7eb8"
d="M292.865 120.63h-73.732a5 5 0 0 0-5 5v40.452a5 5 0 0 0 5 5h13.646c4.495 0 8.71 2.417 10.771 6.411 2.326 4.507 7.028 7.589 12.449 7.589 5.422 0 10.124-3.082 12.45-7.589 2.061-3.994 6.276-6.411 10.771-6.411h13.646a5 5 0 0 0 5-5V125.63a5.001 5.001 0 0 0-5.001-5z"
/>
<path
fill="#6583fe"
d="M352.644 93.874h-20.681a5 5 0 0 0 0 10h20.681a5 5 0 0 0 0-10z"
/>
<path
fill="#ff5ba8"
d="M73.919 408.101c-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.292z"
/>
<path
fill="#01eca5"
d="M439.79 174.963a5 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="M425.79 221.679a5 5 0 0 1-5-5c0-3.309-2.691-6-6-6a5 5 0 1 1 0-10c3.309 0 6-2.692 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="#01eca5"
d="M58.627 327.557a5 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="M88.523 357.206a5 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