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="68.572"
x2="395.005"
y1="423.621"
y2="34.593"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d2deff" stop-opacity="0" />
<stop offset=".685" stop-color="#d2deff" />
</linearGradient>
<path
fill="url(#a)"
d="M16.074 295.943c18.727 64.003 72.707 194.564 163.922 182.845 91.486-11.755 55.759-129.725 139.508-145.894 36.867-7.118 61.857 56.689 98.806 54.704 47.588-2.557 71.81-49.663 85.108-89.264 28.197-83.968-14.029-226.352-112.859-251.012-86.244-21.519-96.332 83.855-171.322 53.248-42.149-17.203-37.938-68.576-89.272-78.942C-25.333-9.731-8.845 210.778 16.074 295.943z"
/>
<path
fill="#2626bc"
d="M350.232 493.402H161.768c-16.569 0-30-13.431-30-30V82.723c0-16.569 13.431-30 30-30h188.464c16.569 0 30 13.431 30 30v380.678c0 16.569-13.431 30.001-30 30.001z"
opacity=".1"
/>
<path
fill="#6583fe"
d="M350.232 469.402H161.768c-16.569 0-30-13.431-30-30V58.723c0-16.569 13.431-30 30-30h188.464c16.569 0 30 13.431 30 30v380.678c0 16.569-13.431 30.001-30 30.001z"
/>
<path fill="#fff" d="M131.77 71.633h248.46v354.86H131.77z" />
<path fill="#ffdbed" d="M131.77 355.243h248.46v71.25H131.77z" />
<path fill="#9fb0fe" d="M217.467 346.796h162.765v22.219H217.467z" />
<path fill="#02ffb3" d="M131.768 346.796h97.587v22.219h-97.587z" />
<path
fill="#2626bc"
d="M350.232 474.401H161.768c-19.299 0-35-15.701-35-35V58.724c0-19.299 15.701-35 35-35h188.464c19.299 0 35 15.701 35 35v380.678c0 19.298-15.701 34.999-35 34.999zM161.768 33.724c-13.785 0-25 11.215-25 25v380.678c0 13.785 11.215 25 25 25h188.464c13.785 0 25-11.215 25-25V58.724c0-13.785-11.215-25-25-25z"
/>
<path
fill="#b7c5ff"
d="M273.483 56.094h-34.966a5 5 0 0 1 0-10h34.966a5 5 0 0 1 0 10z"
/>
<circle cx="296.813" cy="51.092" r="5.002" fill="#b7c5ff" />
<circle cx="256" cy="199.664" r="75.176" fill="#ff7eb8" />
<circle cx="240.743" cy="201.349" r="41.278" fill="#ff5ba8" />
<path
fill="#ffa8cf"
d="M293.76 253.452c-1.4 1.39-2.67 2.88-3.82 4.44-.72-5.22-1.61-10.25-2.67-15.09 8.04-1.57 15.44-5.84 20.91-12.2 6.78-7.88 9.96-18.25 8.71-28.43-.31-2.57-2.56-4.45-5.11-4.39-3.22.09-6.4.62-9.45 1.55a37.049 37.049 0 0 0-17.35 11.31 37.09 37.09 0 0 0-5.19 7.87c-2.13-5.16-4.53-10-7.19-14.48a32.641 32.641 0 0 0 12.95-17.27 32.706 32.706 0 0 0-3.17-26.69 4.99 4.99 0 0 0-6.32-1.99c-8.56 3.81-15.09 11.11-17.9 20.03-.65 2.04-1.08 4.12-1.31 6.22a73.885 73.885 0 0 0-7.3-5.96c-2.24-1.61-5.36-1.09-6.97 1.15a5.006 5.006 0 0 0 1.15 6.98c3.94 2.81 7.48 6.01 10.67 9.51-2.33-.3-4.71-.36-7.09-.14-9.31.83-17.85 5.64-23.41 13.19-1.5 2.03-1.24 4.86.59 6.6a32.72 32.72 0 0 0 25.39 8.82c6.79-.61 13.16-3.34 18.26-7.69 2.98 6.26 5.36 12.88 7.25 19.66a32.9 32.9 0 0 0-14.32-1.94c-4.66.42-9.12 1.83-13.12 4.08a32.845 32.845 0 0 0-10.29 9.12 4.98 4.98 0 0 0 .59 6.59c.25.23.5.46.75.68 6 5.35 13.75 8.28 21.72 8.28.97 0 1.94-.05 2.92-.13 5.84-.53 11.37-2.61 16.05-5.95.65 4.49 1.14 8.95 1.49 13.33 15.16-5.38 28.08-15.5 36.98-28.57-9.17.9-17.81 4.92-24.4 11.51zm-44.77-38.93c-4.82.43-9.62-.7-13.71-3.15 3.59-3.15 8.11-5.11 12.92-5.54 4.82-.44 9.62.69 13.71 3.15-3.59 3.14-8.1 5.1-12.92 5.54zm18.84-19.34c-1.52-4.52-1.6-9.45-.14-14.06s4.35-8.6 8.19-11.43c1.52 4.52 1.59 9.44.13 14.06a22.66 22.66 0 0 1-8.18 11.43zm-5.09 57.99c-3.4.3-6.79-.17-9.93-1.34-1.31-.48-2.57-1.09-3.77-1.81 3.59-3.15 8.1-5.11 12.92-5.55 2.36-.21 4.71-.05 6.98.47 2.36.52 4.64 1.43 6.73 2.69-3.59 3.14-8.11 5.1-12.93 5.54zm23.51-22.07c.7-5.08 2.87-9.94 6.31-13.94 1.67-1.95 3.6-3.63 5.7-5.01 2.7-1.77 5.69-3.04 8.83-3.75-.4 5.7-2.66 11.23-6.49 15.68-3.84 4.46-8.96 7.51-14.54 8.76.04-.58.1-1.16.19-1.74z"
/>
<g fill="#d2deff">
<circle cx="175.963" cy="111.72" r="18.583" />
<circle cx="336.037" cy="111.72" r="18.583" />
</g>
<path
fill="#9fb0fe"
d="M220.74 297.41h70.52a5 5 0 1 1 0 10h-70.52a5 5 0 1 1 0-10z"
/>
<path
fill="#ff7eb8"
d="M235.74 315.429h40.52a5 5 0 1 1 0 10h-40.52a5 5 0 1 1 0-10zM172.715 392.761h19.52a5 5 0 1 1 0 10h-19.52a5 5 0 1 1 0-10zM221.732 392.761h19.52a5 5 0 1 1 0 10h-19.52a5 5 0 1 1 0-10zM270.749 392.761h19.52a5 5 0 1 1 0 10h-19.52a5 5 0 1 1 0-10zM319.765 392.761h19.52a5 5 0 1 1 0 10h-19.52a5 5 0 1 1 0-10z"
/>
<g fill="#d2deff">
<circle cx="182.231" cy="310.676" r="14.078" />
<circle cx="329.769" cy="310.676" r="14.078" />
</g>
<path
fill="#01eca5"
d="M91.496 381.609c-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"
/>
<g fill="#ff5ba8">
<path
d="M430.701 229.322c-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.292zM82.204 332.495a5 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 5zM416.41 190.368a5 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"
/>
</g>
<path
fill="#6583fe"
d="M432.41 308.512a5 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