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, blue, 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="0"
x2="512"
y1="256"
y2="256"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffdbed" stop-opacity="0" />
<stop offset="1" stop-color="#ffdbed" />
</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="M455.47 452.133H56.53c-8.284 0-15-6.716-15-15V122.867c0-8.284 6.716-15 15-15h398.94c8.284 0 15 6.716 15 15v314.266c0 8.285-6.715 15-15 15z"
opacity=".1"
/>
<path
fill="#fff"
d="M470.47 98.87v314.26c0 8.29-6.72 15-15 15H56.53c-8.28 0-15-6.71-15-15V98.87c0-8.29 6.72-15 15-15h398.94c8.28 0 15 6.71 15 15z"
/>
<path
fill="#02ffb3"
d="M98.4 153.18c0 31.41-25.46 56.88-56.87 56.88v-56.88z"
/>
<path
fill="#9fb0fe"
d="M256.359 323.861 152.09 428.13H56.53c-8.284 0-15-6.716-15-15v-98.3l102.899-102.899c30.909-30.909 81.021-30.909 111.93 0 30.908 30.909 30.908 81.022 0 111.93z"
/>
<path
fill="#ff7eb8"
d="M470.47 153.18V98.867c0-8.284-6.716-15-15-15H56.53c-8.284 0-15 6.716-15 15v54.313z"
/>
<path
fill="#2626bc"
d="M455.471 433.133H56.53c-11.028 0-20-8.972-20-20V98.867c0-11.028 8.972-20 20-20h398.941c11.028 0 20 8.972 20 20v314.266c0 11.028-8.972 20-20 20zM56.53 88.867c-5.514 0-10 4.486-10 10v314.266c0 5.514 4.486 10 10 10h398.941c5.514 0 10-4.486 10-10V98.867c0-5.514-4.486-10-10-10z"
/>
<circle cx="85.623" cy="120.768" r="10.901" fill="#ff5ba8" />
<circle cx="120.424" cy="120.768" r="10.901" fill="#fff" />
<circle cx="155.224" cy="120.768" r="10.901" fill="#02ffb3" />
<path
fill="#ffdbed"
d="M432.277 133.015H296.119V108.52h136.159a5 5 0 0 1 5 5v14.496a5 5 0 0 1-5.001 4.999z"
/>
<path
fill="#fff"
d="M296.789 108.831c-5.286-5.286-13.887-5.286-19.173 0s-5.286 13.887 0 19.173c4.037 4.037 10.003 4.98 14.953 2.852l4.348 4.348a5.001 5.001 0 0 0 7.071-7.071l-4.348-4.348c2.129-4.951 1.186-10.917-2.851-14.954zm-12.102 7.071c1.387-1.387 3.644-1.387 5.031 0s1.387 3.644 0 5.031-3.644 1.387-5.031 0-1.387-3.644 0-5.031z"
/>
<path
fill="#4369fd"
d="M246.514 349.349c-.419-1.495-2.172-2.179-3.473-1.332-2.402 1.561-4.527 2.341-6.377 2.341-2.156 0-3.605-.827-4.35-2.486-.746-1.654-1.118-4.474-1.118-8.451v-62.974c0-9.112-.622-16.321-1.864-21.626-1.243-5.302-3.69-9.776-7.333-13.423-3.977-3.977-8.949-6.793-14.915-8.451-12.955-3.601-26.79-3.522-39.909-.844-10.893 2.223-22.95 6.324-29.567 15.883-8.446 12.203-.683 30.947 14.789 30.948 19.226.001 26.78-24.766 10.187-35.043 4.514-1.81 13.106-4.311 21.626-1.643 6.627 2.075 11.175 8.261 11.191 15.205v19.493c0 4.474-2.113 7.997-6.338 10.565-17.478 10.619-41.969 11.434-55.432 28.337-6.694 8.404-7.722 20.738-3.885 30.673 4.903 12.696 16.617 17.675 29.612 17.675 16.071 0 28.252-6.711 36.54-20.134.163 6.133 2.07 11.023 5.717 14.666 3.644 3.647 10.025 5.468 19.14 5.468 10.172 0 18.869-2.734 26.086-8.204a2.329 2.329 0 0 0 .839-2.485zM195.4 328.816c-4.809 6.797-9.08 10.717-16.157 12.224-5.061 1.078-16.157-.696-16.157-12.643 0-11.476 13.174-16.906 19.637-21.05 6.463-3.977 10.689-7.62 12.678-10.937v32.406z"
/>
<path
fill="#d2deff"
d="M267.426 203.699h-97.757c-6.022 0-10.904-4.882-10.904-10.904s4.882-10.904 10.904-10.904h97.757c6.022 0 10.904 4.882 10.904 10.904 0 6.023-4.882 10.904-10.904 10.904z"
/>
<path
fill="#9fb0fe"
d="M383.543 203.699h-46.757c-6.022 0-10.904-4.882-10.904-10.904s4.882-10.904 10.904-10.904h46.757c6.022 0 10.904 4.882 10.904 10.904 0 6.023-4.882 10.904-10.904 10.904z"
/>
<path
fill="#ff7eb8"
d="M293.858 211.264a4.998 4.998 0 0 1-4.388-7.388l14.078-25.897a4.995 4.995 0 0 1 6.78-2.005 4.998 4.998 0 0 1 2.005 6.78l-14.078 25.897a4.995 4.995 0 0 1-4.397 2.613z"
/>
<path
fill="#8399fe"
d="M412.505 272.875H307.824a5 5 0 0 0 0 10h104.681a5 5 0 0 0 0-10zM388.505 253.447h-80.681a5 5 0 0 0 0 10h80.681a5 5 0 0 0 0-10z"
/>
<path
fill="#ff7eb8"
d="M319.505 230.102h-11.681a5 5 0 0 0 0 10h11.681a5 5 0 0 0 0-10z"
/>
<path
fill="#fff"
d="M139.458 370.951h-32.681a5 5 0 0 0 0 10h32.681a5 5 0 0 0 0-10zM256.228 253.447h-32.681a5 5 0 0 0 0 10h32.681a5 5 0 0 0 0-10z"
/>
<path
fill="#8399fe"
d="M412.505 334.25H307.824a5 5 0 0 0 0 10h104.681a5 5 0 0 0 0-10zM412.505 314.823H307.824a5 5 0 0 0 0 10h104.681a5 5 0 0 0 0-10z"
/>
<path
fill="#4369fd"
d="M361.698 390.097h-51.245a5 5 0 0 1-5-5v-9.146a5 5 0 0 1 5-5h51.245a5 5 0 0 1 5 5v9.146a5 5 0 0 1-5 5z"
/>
<circle cx="223.549" cy="242.747" r="5.002" fill="#ff5ba8" />
<circle cx="139.457" cy="359.191" r="5.002" fill="#ff5ba8" />
<path
fill="#6583fe"
d="M273.651 59.229c-7.88 0-14.291-6.411-14.291-14.292 0-7.88 6.411-14.291 14.291-14.291 7.881 0 14.292 6.411 14.292 14.291s-6.411 14.292-14.292 14.292zm0-18.583c-2.366 0-4.291 1.925-4.291 4.291s1.925 4.292 4.291 4.292 4.292-1.926 4.292-4.292-1.925-4.291-4.292-4.291z"
/>
<path
fill="#01eca5"
d="M223.549 59.87c-7.88 0-14.292-6.411-14.292-14.291 0-7.881 6.411-14.292 14.292-14.292s14.292 6.411 14.292 14.292c0 7.88-6.411 14.291-14.292 14.291zm0-18.583c-2.366 0-4.292 1.926-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="#ff5ba8"
d="M97.623 479.13a5 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="#01eca5"
d="M324.505 45.018a5 5 0 0 1-5-5c0-3.309-2.691-6-6-6-2.762 0-5-2.238-5-5s2.238-5 5-5c3.309 0 6-2.691 6-6 0-2.762 2.238-5 5-5s5 2.238 5 5c0 3.309 2.691 6 6 6 2.762 0 5 2.238 5 5s-2.238 5-5 5c-3.309 0-6 2.691-6 6a5 5 0 0 1-5 5z"
/>
<path
fill="#6583fe"
d="M144.458 488.421a5 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