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="23.821"
x2="459.531"
y1="336.331"
y2="84.774"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#dcfdee" stop-opacity="0" />
<stop offset=".629" stop-color="#d2f3e4" />
</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="#9fb0fe" d="M131.77 71.633h248.46v354.86H131.77z" />
<path fill="#97ffd2" d="M131.77 71.633h248.46V189.92H131.77z" />
<path fill="#01eca5" d="M131.77 189.919h248.46v118.287H131.77z" />
<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.465c19.299 0 35 15.701 35 35v380.678c-.001 19.298-15.702 34.999-35.001 34.999zM161.768 33.724c-13.785 0-25 11.215-25 25v380.678c0 13.785 11.215 25 25 25h188.465c13.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" />
<path
fill="#6583fe"
d="M200.805 124.969c0-9.16-7.453-16.613-16.613-16.613s-16.613 7.453-16.613 16.613c0 4.518 1.818 8.615 4.755 11.613-2.936 2.998-4.755 7.095-4.755 11.613a5 5 0 0 0 10 0c0-3.646 2.967-6.613 6.613-6.613s6.613 2.967 6.613 6.613a5 5 0 0 0 10 0c0-4.518-1.818-8.615-4.755-11.613 2.937-2.998 4.755-7.095 4.755-11.613zm-16.613-6.613c3.646 0 6.613 2.966 6.613 6.613s-2.967 6.613-6.613 6.613-6.613-2.967-6.613-6.613 2.966-6.613 6.613-6.613z"
/>
<g fill="#01eca5">
<path
d="M278.465 95.367h-47.681a5 5 0 0 0 0 10h47.681a5 5 0 0 0 0-10zM329.465 115.64h-98.681a5 5 0 0 0 0 10h98.681a5 5 0 0 0 0-10z"
/>
</g>
<path
fill="#fff"
d="M344.465 135.912H230.784a5 5 0 0 0 0 10h113.681a5 5 0 0 0 0-10zM344.465 156.184H230.784a5 5 0 0 0 0 10h113.681a5 5 0 0 0 0-10zM200.805 243.256c0-9.16-7.453-16.613-16.613-16.613s-16.613 7.453-16.613 16.613c0 4.518 1.818 8.615 4.755 11.613-2.936 2.998-4.755 7.095-4.755 11.613a5 5 0 0 0 10 0c0-3.646 2.967-6.613 6.613-6.613s6.613 2.967 6.613 6.613a5 5 0 0 0 10 0c0-4.518-1.818-8.615-4.755-11.613 2.937-2.998 4.755-7.095 4.755-11.613zm-16.613-6.613c3.646 0 6.613 2.966 6.613 6.613s-2.967 6.613-6.613 6.613-6.613-2.967-6.613-6.613 2.966-6.613 6.613-6.613z"
/>
<g fill="#fff">
<path
d="M278.465 213.654h-47.681a5 5 0 0 0 0 10h47.681a5 5 0 0 0 0-10zM344.465 233.926H230.784a5 5 0 0 0 0 10h113.681a5 5 0 0 0 0-10z"
/>
</g>
<path
fill="#fff"
d="M344.465 254.199H230.784a5 5 0 0 0 0 10h113.681a5 5 0 0 0 0-10zM344.465 274.471H230.784a5 5 0 0 0 0 10h113.681a5 5 0 0 0 0-10z"
/>
<path
fill="#ff5ba8"
d="M200.805 361.542c0-9.16-7.453-16.613-16.613-16.613s-16.613 7.453-16.613 16.613c0 4.518 1.818 8.615 4.755 11.613-2.936 2.998-4.755 7.095-4.755 11.613a5 5 0 0 0 10 0c0-3.646 2.967-6.613 6.613-6.613s6.613 2.967 6.613 6.613a5 5 0 0 0 10 0c0-4.518-1.818-8.615-4.755-11.613 2.937-2.997 4.755-7.095 4.755-11.613zm-16.613-6.613c3.646 0 6.613 2.966 6.613 6.613s-2.967 6.613-6.613 6.613-6.613-2.967-6.613-6.613 2.966-6.613 6.613-6.613z"
/>
<g fill="#ff5ba8">
<path
d="M278.465 331.941h-47.681a5 5 0 0 0 0 10h47.681a5 5 0 0 0 0-10zM278.465 352.213h-47.681a5 5 0 0 0 0 10h47.681a5 5 0 0 0 0-10z"
/>
</g>
<path
fill="#d2deff"
d="M344.465 372.485H230.784a5 5 0 0 0 0 10h113.681a5 5 0 0 0 0-10zM344.465 392.758H230.784a5 5 0 0 0 0 10h113.681a5 5 0 0 0 0-10z"
/>
<path
fill="#fff"
d="m305.487 357.895 10.54-21.535c1.626-3.322-.793-7.198-4.491-7.198a5 5 0 0 0-4.491 2.802l-10.54 21.535c-1.626 3.322.793 7.198 4.491 7.198a5 5 0 0 0 4.491-2.802z"
/>
<path
fill="#01eca5"
d="M95.115 273.49c-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.925 4.292-4.292-1.926-4.291-4.292-4.291z"
/>
<path
fill="#6583fe"
d="M421.123 67.015c-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.292z"
/>
<path
fill="#ff5ba8"
d="M430.415 445.493a5 5 0 0 1-5-5c0-3.309-2.691-6-6-6a5 5 0 1 1 0-10c3.309 0 6-2.692 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="#6583fe"
d="M421.123 402.643a5 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="#ff5ba8"
d="M84.115 223.654a5 5 0 0 1-5-5c0-3.309-2.691-6-6-6a5 5 0 1 1 0-10c3.309 0 6-2.692 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