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 507.259 507.259"
>
<linearGradient
id="a"
x1="86.347"
x2="440.444"
y1="449.322"
y2="27.325"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d2deff" stop-opacity="0" />
<stop offset=".685" stop-color="#d2deff" />
</linearGradient>
<path
fill="url(#a)"
d="M.156 312.388C-7.758 491.48 288.409 480.552 420.959 448.653c82.467-19.846 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-18.712 38.192 4.114 222.801.156 312.388z"
/>
<path
fill="#2626bc"
d="M345.491 488.469H157.027c-16.569 0-30-13.431-30-30V77.79c0-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="M345.491 464.469H157.027c-16.569 0-30-13.431-30-30V53.79c0-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="M127.029 66.699h248.46v354.86h-248.46z" />
<path
fill="#ffdbed"
d="M375.489 101.819v53.42c-83.84 14.05-112.08 84.9-168.9 60.55-34.04-14.59-61.51-10.46-79.56-3.58v-90.78c27.05-16.05 62.23-25.98 101.75-10.43 57.9 22.79 113.99 5.85 146.71-9.18z"
/>
<path
fill="#ffa8cf"
d="M205.399 164.419a4.992 4.992 0 0 0-6.31-1.99 32.724 32.724 0 0 0-17.91 20.03c-.65 2.04-1.07 4.13-1.31 6.22a75.337 75.337 0 0 0-7.3-5.96 4.988 4.988 0 0 0-6.97 1.16 4.987 4.987 0 0 0 1.16 6.97c3.84 2.75 7.39 5.93 10.67 9.52-1.39-.18-2.8-.28-4.21-.28-.96 0-1.92.05-2.89.13a32.75 32.75 0 0 0-16.1 5.99c12.54-.91 27.1.48 43.33 6.09.14.05.29.1.43.15-.75-1.4-1.52-2.76-2.31-4.1a32.706 32.706 0 0 0 12.89-17.24 32.668 32.668 0 0 0-3.17-26.69zm-6.36 23.68a22.72 22.72 0 0 1-8.19 11.44 22.772 22.772 0 0 1-.14-14.07c1.46-4.61 4.35-8.6 8.19-11.43a22.74 22.74 0 0 1 .14 14.06z"
/>
<path
fill="#2626bc"
d="M345.491 469.468H157.027c-19.299 0-35-15.701-35-35V53.791c0-19.299 15.701-35 35-35h188.464c19.299 0 35 15.701 35 35v380.678c0 19.298-15.701 34.999-35 34.999zM157.027 28.791c-13.785 0-25 11.215-25 25v380.678c0 13.785 11.215 25 25 25h188.464c13.785 0 25-11.215 25-25V53.791c0-13.785-11.215-25-25-25z"
/>
<path
fill="#b7c5ff"
d="M268.742 51.161h-34.966a5 5 0 0 1 0-10h34.966a5 5 0 0 1 0 10z"
/>
<circle cx="292.073" cy="46.159" r="5.002" fill="#b7c5ff" />
<path
fill="#6583fe"
d="M309.602 387.213H192.916a5 5 0 0 1-5-5v-14.431a5 5 0 0 1 5-5h116.687a5 5 0 0 1 5 5v14.431a5 5 0 0 1-5.001 5z"
/>
<path
fill="#9fb0fe"
d="M299.549 122.279c-1.26-5.38-3.74-9.92-7.44-13.62-4.03-4.03-9.07-6.89-15.12-8.57-13.14-3.65-27.17-3.57-40.48-.85-11.04 2.25-23.27 6.41-29.98 16.1-8.57 12.38-.7 31.39 15 31.39 19.49 0 27.15-25.12 10.33-35.54 4.58-1.84 13.29-4.37 21.93-1.67 6.72 2.11 11.33 8.38 11.35 15.43v19.76c0 4.54-2.14 8.11-6.43 10.72-17.72 10.77-42.56 11.59-56.22 28.74-6.13 7.7-7.58 18.66-4.93 28.13 2.96 1.02 5.97 2.18 9.03 3.49 35.95 15.41 60.46-7.3 94.85-29.61v-41.97c0-9.24-.63-16.55-1.89-21.93zm-34.41 75.04c-4.88 6.89-9.21 10.87-16.39 12.4-5.13 1.09-16.38-.71-16.38-12.82 0-11.64 13.36-17.15 19.91-21.35 6.56-4.03 10.84-7.73 12.86-11.09z"
/>
<path
fill="#ffa8cf"
d="M344.839 144.849c-.97-.08-1.93-.13-2.89-.13-1.41 0-2.82.1-4.21.28 3.28-3.59 6.83-6.77 10.67-9.52a4.987 4.987 0 0 0 1.16-6.97 4.988 4.988 0 0 0-6.97-1.16 75.337 75.337 0 0 0-7.3 5.96c-.24-2.09-.66-4.18-1.31-6.22a32.724 32.724 0 0 0-17.91-20.03 4.992 4.992 0 0 0-6.31 1.99 32.668 32.668 0 0 0-3.17 26.69 32.706 32.706 0 0 0 12.89 17.24c-5.1 8.57-9.23 18.44-12.35 29.57 4.17-2.6 8.49-5.16 12.99-7.63 1.18-3.19 2.48-6.24 3.87-9.15 1.85 1.58 3.87 2.94 6.02 4.07 4.65-2.25 9.5-4.35 14.58-6.26-.48-.01-.96-.04-1.44-.08-4.82-.43-9.34-2.4-12.92-5.54a22.75 22.75 0 0 1 13.7-3.15c2.41.21 4.75.81 6.93 1.75 1.87.81 3.63 1.87 5.23 3.15 3.62-1.07 7.35-2.04 11.2-2.88a32.72 32.72 0 0 0-22.46-11.98zm-20.52-.68a22.72 22.72 0 0 1-8.19-11.44 22.74 22.74 0 0 1 .14-14.06c3.84 2.83 6.73 6.82 8.19 11.43 1.45 4.62 1.38 9.54-.14 14.07z"
/>
<path
fill="#9fb0fe"
d="M323.099 284.419h-143.68a5 5 0 0 0 0 10H323.1a5 5 0 0 0-.001-10z"
/>
<path
fill="#6583fe"
d="M294.599 250.35h-86.681a5 5 0 0 0 0 10h86.681a5 5 0 0 0 0-10z"
/>
<g fill="#9fb0fe">
<path
d="M323.099 323.274h-143.68a5 5 0 0 0 0 10H323.1a5 5 0 0 0-.001-10zM323.099 303.846h-143.68a5 5 0 0 0 0 10H323.1a5 5 0 0 0-.001-10z"
/>
</g>
<path
fill="#6583fe"
d="M429.492 169.879c-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="M410.909 473.017c-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="#ff5ba8"
d="M420.201 213.831c-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="M76.82 297.206a5 5 0 0 1-5-5c0-3.309-2.692-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.308 0-6 2.691-6 6a5 5 0 0 1-5 5z"
/>
<path
fill="#ff5ba8"
d="M94.528 247.494a5 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