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="96.524"
x2="444.685"
y1="436.43"
y2="21.507"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d2deff" stop-opacity="0" />
<stop offset=".685" stop-color="#d2deff" />
</linearGradient>
<path
fill="url(#a)"
d="M4.896 306.99C22.344 479.861 297.313 474.132 425.7 443.255c82.47-19.834 87.596-59.472 86.106-144.001-.628-35.613 1.036-109.569-7.634-169.208-4.595-31.606-12.092-59.19-24.37-74.915-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 32.794-4.109 217.768 4.896 306.99z"
/>
<path
fill="#2626bc"
d="M350.232 494.69H161.768c-16.569 0-30-13.431-30-30V84.012c0-16.569 13.431-30 30-30h188.464c16.569 0 30 13.431 30 30V464.69c0 16.569-13.431 30-30 30z"
opacity=".1"
/>
<path
fill="#6583fe"
d="M350.232 470.69H161.768c-16.569 0-30-13.431-30-30V60.012c0-16.569 13.431-30 30-30h188.464c16.569 0 30 13.431 30 30V440.69c0 16.569-13.431 30-30 30z"
/>
<path fill="#fff" d="M131.77 72.921h248.46v354.86H131.77z" />
<path fill="#97ffd2" d="M131.77 309.821h248.46v117.96H131.77z" />
<path
fill="#2626bc"
d="M350.232 475.69H161.768c-19.299 0-35-15.701-35-35V60.012c0-19.299 15.701-35 35-35h188.464c19.299 0 35 15.701 35 35V440.69c0 19.299-15.701 35-35 35zM161.768 35.012c-13.785 0-25 11.215-25 25V440.69c0 13.785 11.215 25 25 25h188.464c13.785 0 25-11.215 25-25V60.012c0-13.785-11.215-25-25-25z"
/>
<path
fill="#b7c5ff"
d="M273.483 57.382h-34.966a5 5 0 0 1 0-10h34.966a5 5 0 0 1 0 10z"
/>
<circle cx="296.813" cy="52.381" r="5.002" fill="#b7c5ff" />
<path
fill="#d2deff"
d="M339.128 163.128H172.872a5 5 0 0 1-5-5v-15.34a5 5 0 0 1 5-5h166.256a5 5 0 0 1 5 5v15.34a5 5 0 0 1-5 5z"
/>
<circle cx="324.738" cy="109.35" r="16.632" fill="#01eca5" />
<path
fill="#8399fe"
d="M220.552 104.35h-47.681a5 5 0 0 0 0 10h47.681a5 5 0 0 0 0-10z"
/>
<circle cx="179.134" cy="194.944" r="16.632" fill="#8399fe" />
<g fill="#d2deff">
<circle cx="230.378" cy="194.944" r="16.632" />
<circle cx="281.622" cy="194.944" r="16.632" />
<circle cx="332.866" cy="194.944" r="16.632" />
</g>
<path
fill="#01eca5"
d="M349.5 237.621v144.41c0 5.53-4.48 10-10 10h-167c-5.52 0-10-4.47-10-10v-144.41c0-5.52 4.48-10 10-10h167c5.52 0 10 4.48 10 10z"
/>
<path
fill="#dcfdee"
d="M308.208 407.24H203.792c-5.523 0-10-4.477-10-10v-10.408c0-5.523 4.477-10 10-10h104.416c5.523 0 10 4.477 10 10v10.408c0 5.523-4.477 10-10 10z"
/>
<path
fill="#02ffb3"
d="M258.89 227.621c-2.78 50.82-44.87 91.17-96.39 91.17v-81.17c0-5.52 4.48-10 10-10z"
/>
<path
fill="#fff"
d="M308.34 290.829H203.66a5 5 0 0 0 0 10h104.68a5 5 0 0 0 0-10zM284.34 271.402h-80.68a5 5 0 0 0 0 10h80.681a5 5 0 0 0-.001-10z"
/>
<path
fill="#8399fe"
d="M215.34 248.056h-11.68a5 5 0 0 0 0 10h11.681a5 5 0 0 0-.001-10z"
/>
<path
fill="#fff"
d="M308.34 345.001H203.66a5 5 0 0 0 0 10h104.68a5 5 0 0 0 0-10zM284.34 325.573h-80.68a5 5 0 0 0 0 10h80.681a5 5 0 0 0-.001-10z"
/>
<path
fill="#01eca5"
d="M85.524 340.843c-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="M76.232 134.451c-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.925-4.292-4.292-4.292z"
/>
<path
fill="#6583fe"
d="M427.961 151.911a5 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="M426.277 405.373a5 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="M96.524 386.841a5 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