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="137.201"
x2="425.884"
y1="412.085"
y2="68.046"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d2deff" stop-opacity="0" />
<stop offset=".685" stop-color="#d2deff" />
</linearGradient>
<path
fill="url(#a)"
d="M20.337 133.512C-3.63 172.91-6.156 241.125 11.4 283.768c15.377 37.351 45.966 72.409 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.727s-18.48-33.695-13.099-51.214c4.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 6.818 92.691 14.574 20.337 133.512z"
/>
<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="#b7c5ff"
d="M470.47 98.87v314.26c0 8.29-6.72 15-15 15H141.56c5.88-37.56 32.44-83.5 96.14-73.94 16.7 2.51 31.26 2.5 43.81.54 4.91-.76 9.51-1.82 13.81-3.15 5.93-1.82 11.3-4.15 16.13-6.89 6.82-3.87 12.58-8.56 17.31-13.84 5.17-5.73 9.14-12.15 12.01-18.95 1.77-4.16 3.11-8.46 4.07-12.82 5.02-23.01-.87-47.87-14.79-63.98-26.04-30.14-45.19-96.89-37.81-151.23h163.23c8.28 0 15 6.71 15 15z"
/>
<path
fill="#d2deff"
d="M447.32 400.24c-5.57-7.54-14.1-12.35-23.41-13.19-.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.61 9.43-10.05 20.43-13.26 32.95h10.35c2.01-7.34 4.5-14.05 7.42-20.16 5.1 4.35 11.47 7.08 18.27 7.69a32.72 32.72 0 0 0 25.39-8.82 5.016 5.016 0 0 0 .59-6.6zm-43.93-13.87a22.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.07zm18.84 19.33c-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.75s4.2 2.22 6 3.79a22.693 22.693 0 0 1-13.71 3.15z"
/>
<path
fill="#01eca5"
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="#8399fe"
d="M415.255 236.978c-23.718-87.182-75.813-60.383-82.003-21.545-8.729 54.771 27.296 138.791 12.73 212.7h22.932c35.606-56.793 59.25-143.707 46.341-191.155z"
/>
<path
fill="#ffa8cf"
d="M371.66 346.26a5.002 5.002 0 0 0-4.69-4.68c-11.44-.69-22.62 3.54-30.7 11.62-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 1.13 7.76 1.77 15.45 2.07 22.78a32.604 32.604 0 0 0-16.65-2.91c-4.66.42-9.12 1.83-13.11 4.08s-7.52 5.34-10.3 9.11c-1.5 2.03-1.24 4.86.59 6.6a32.72 32.72 0 0 0 25.39 8.82c5.07-.45 9.89-2.09 14.14-4.69-.46 13.1-1.7 23.19-2.28 27.41h10.1c.91-6.68 2.56-21.42 2.42-39.57 9.56-.66 18.63-4.73 25.48-11.58a39.959 39.959 0 0 0 11.61-30.72zm-80.16-31.99c-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-1.05 100.52c-4.82.43-9.61-.69-13.7-3.15 3.59-3.14 8.11-5.11 12.92-5.54 4.82-.43 9.62.7 13.71 3.15-3.59 3.14-8.1 5.11-12.93 5.54zm-4.04-42.53c-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.74zm5.96 47.68c.67-6.86 3.69-13.34 8.62-18.26 4.92-4.93 11.4-7.95 18.26-8.62a29.966 29.966 0 0 1-8.62 18.26 29.992 29.992 0 0 1-18.26 8.62z"
/>
<path
fill="#2626bc"
d="M455.471 433.133H56.529c-11.028 0-20-8.972-20-20V98.867c0-11.028 8.972-20 20-20H455.47c11.028 0 20 8.972 20 20v314.266c.001 11.028-8.971 20-19.999 20zM56.529 88.867c-5.514 0-10 4.486-10 10v314.266c0 5.514 4.486 10 10 10H455.47c5.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="#97ffd2" />
<path
fill="#dcfdee"
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="#01eca5"
d="M236.852 326.968H99.741c-5.523 0-10-4.477-10-10v-5.811c0-5.523 4.477-10 10-10h137.11c5.523 0 10 4.477 10 10v5.811c.001 5.523-4.477 10-9.999 10z"
/>
<path
fill="#8399fe"
d="M199.422 264.074H94.741a5 5 0 0 0 0 10h104.681a5 5 0 0 0 0-10zM175.422 244.646H94.741a5 5 0 0 0 0 10h80.681a5 5 0 0 0 0-10z"
/>
<path
fill="#ff7eb8"
d="M106.422 221.301H94.741a5 5 0 0 0 0 10h11.681a5 5 0 0 0 0-10z"
/>
<path
fill="#6583fe"
d="M166.422 184.217H94.741a5 5 0 0 0 0 10h71.681a5 5 0 0 0 0-10z"
/>
<path
fill="#fff"
d="M442.277 206.277v-17.681a5 5 0 0 0-10 0v17.681a5 5 0 0 0 10 0zM442.277 263.486v-17.681a5 5 0 0 0-10 0v17.681a5 5 0 0 0 10 0zM442.277 320.696v-17.681a5 5 0 0 0-10 0v17.681a5 5 0 0 0 10 0z"
/>
<path
fill="#6583fe"
d="M262.926 266.09c-11.824 0-21.444-9.62-21.444-21.444s9.62-21.444 21.444-21.444 21.444 9.62 21.444 21.444-9.62 21.444-21.444 21.444zm0-32.888c-6.311 0-11.444 5.134-11.444 11.444s5.134 11.444 11.444 11.444 11.444-5.134 11.444-11.444-5.134-11.444-11.444-11.444z"
/>
<g fill="#fff">
<circle cx="366.338" cy="194.217" r="5.002" />
<circle cx="389.426" cy="194.217" r="5.002" />
<circle cx="412.514" cy="194.217" r="5.002" />
<circle cx="377.882" cy="175.634" r="5.002" />
<circle cx="400.97" cy="175.634" r="5.002" />
<circle cx="377.882" cy="212.8" r="5.002" />
<circle cx="400.97" cy="212.8" r="5.002" />
</g>
<path
fill="#01eca5"
d="M85.623 486.713c-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.291 0 7.881-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.926-4.291-4.292-4.291z"
/>
<path
fill="#6583fe"
d="M172.623 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.926-4.291-4.292-4.291z"
/>
<path
fill="#ff5ba8"
d="M246.852 491.713a5 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 5zM219.324 61.579a5 5 0 0 1-5-5c0-3.309-2.692-6-6.001-6-2.762 0-5-2.238-5-5s2.238-5 5-5a6.007 6.007 0 0 0 6.001-6c0-2.762 2.238-5 5-5s5 2.238 5 5c0 3.309 2.691 6 5.999 6 2.762 0 5 2.238 5 5s-2.238 5-5 5a6.006 6.006 0 0 0-5.999 6 5 5 0 0 1-5 5z"
/>
<path
fill="#01eca5"
d="M291.55 476.13a5 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"
/>
</svg>
More icons in the same style and category