Add icons to this collection by clicking the heart icon.
Ui Design icon - also known as smartphone, section, layout, design, browser, seo and web, ui design, user interface, and app design. Created in a clean lineal color style, 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0h-296.143c-5.698 0-10.316-4.619-10.316-10.317v-42.226l3.167-1.032H7.148l3.169 1.032v42.226C10.317-4.619 5.698 0 0 0"
transform="translate(313.96 490.114)"
fill="#0593fc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-51.184C-56.881 0-61.5-4.618-61.5-10.316v-42.227l3.167-1.031H0Z"
transform="translate(69 490.113)"
fill="#0182fc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-51.184C-56.881 0-61.5-4.618-61.5-10.316v-42.227l3.167-1.031H0Z"
transform="translate(69 490.113)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-204.184c-5.697 0-10.316-4.618-10.316-10.316v-42.227l3.167-1.031H99.108l3.168 1.031v42.227C102.276-4.618 97.657 0 91.959 0H35"
transform="translate(222 490.113)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-306.459a5.16 5.16 0 0 0-5.159 5.159v410.527H5.159V5.159A5.16 5.16 0 0 0 0 0"
transform="translate(319.118 21.886)"
fill="#fff3de"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v410.525h-41.724V0c0-2.85 2.31-5.158 5.159-5.158H5.158A5.158 5.158 0 0 0 0 0"
transform="translate(49.224 27.045)"
fill="#ffe5c2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h209.118a5.158 5.158 0 0 1 5.158 5.158v410.526H-102.5V5.158A5.158 5.158 0 0 1-97.342 0H-35"
transform="translate(110 21.887)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-219.721a3.095 3.095 0 0 0-3.095 3.095v39.991a3.095 3.095 0 0 0 3.095 3.095H0a3.095 3.095 0 0 0 3.095-3.095V3.095A3.095 3.095 0 0 0 0 0"
transform="translate(275.748 63.081)"
fill="#0593fc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v39.991a3.095 3.095 0 0 0 3.095 3.095h-31.068a3.095 3.095 0 0 1-3.094-3.095V0a3.095 3.095 0 0 1 3.094-3.095H3.095A3.095 3.095 0 0 0 0 0"
transform="translate(84 66.176)"
fill="#0182fc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-219.721a3.095 3.095 0 0 0-3.095 3.095v39.991a3.095 3.095 0 0 0 3.095 3.095H0a3.095 3.095 0 0 0 3.095-3.095V3.095A3.095 3.095 0 0 0 0 0Z"
transform="translate(275.748 63.081)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-87.42a3.095 3.095 0 0 0-3.095 3.095v39.991a3.095 3.095 0 0 0 3.095 3.095H0a3.095 3.095 0 0 0 3.095-3.095V3.095A3.095 3.095 0 0 0 0 0"
transform="translate(143.447 353.219)"
fill="#fed402"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v39.99a3.095 3.095 0 0 0 3.095 3.095h-31.068a3.095 3.095 0 0 1-3.094-3.095V0a3.095 3.095 0 0 1 3.094-3.096H3.095A3.096 3.096 0 0 0 0 0"
transform="translate(84 356.315)"
fill="#fac600"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-87.42a3.095 3.095 0 0 0-3.095 3.095v39.991a3.095 3.095 0 0 0 3.095 3.095H0a3.095 3.095 0 0 0 3.095-3.095V3.095A3.095 3.095 0 0 0 0 0Z"
transform="translate(143.447 353.219)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v39.99a3.095 3.095 0 0 0 3.095 3.095h-31.068a3.095 3.095 0 0 1-3.094-3.095V0a3.095 3.095 0 0 1 3.094-3.096H3.095A3.096 3.096 0 0 0 0 0"
transform="translate(210.061 356.315)"
fill="#fd4755"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-87.419a3.095 3.095 0 0 0-3.095 3.095v39.991a3.095 3.095 0 0 0 3.095 3.095H0a3.095 3.095 0 0 0 3.095-3.095V3.095A3.095 3.095 0 0 0 0 0"
transform="translate(269.508 353.219)"
fill="#fe646f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v39.99a3.095 3.095 0 0 0 3.095 3.095h-31.068a3.095 3.095 0 0 1-3.094-3.095V0a3.095 3.095 0 0 1 3.094-3.096H3.095A3.096 3.096 0 0 0 0 0"
transform="translate(210.061 356.315)"
fill="#fd4755"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-87.419a3.095 3.095 0 0 0-3.095 3.095v39.991a3.095 3.095 0 0 0 3.095 3.095H0a3.095 3.095 0 0 0 3.095-3.095V3.095A3.095 3.095 0 0 0 0 0Z"
transform="translate(269.508 353.219)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-48.029a3.095 3.095 0 0 0-3.095 3.095v48.028a3.095 3.095 0 0 0 3.095 3.095H0a3.095 3.095 0 0 0 3.095-3.095V3.095A3.095 3.095 0 0 0 0 0"
transform="translate(104.056 153.645)"
fill="#fe646f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v48.028a3.095 3.095 0 0 0 3.095 3.095h-20.849a3.095 3.095 0 0 1-3.095-3.095V0a3.096 3.096 0 0 1 3.095-3.096H3.095A3.096 3.096 0 0 0 0 0"
transform="translate(73.781 156.74)"
fill="#fd4755"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-48.029a3.095 3.095 0 0 0-3.095 3.095v48.028a3.095 3.095 0 0 0 3.095 3.095H0a3.095 3.095 0 0 0 3.095-3.095V3.095A3.095 3.095 0 0 0 0 0Z"
transform="translate(104.056 153.645)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-48.029a3.095 3.095 0 0 0-3.095 3.095v48.028a3.095 3.095 0 0 0 3.095 3.095H0a3.095 3.095 0 0 0 3.095-3.095V3.095A3.095 3.095 0 0 0 0 0"
transform="translate(189.902 153.645)"
fill="#46cc8d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v48.028a3.095 3.095 0 0 0 3.095 3.095h-20.849a3.095 3.095 0 0 1-3.095-3.095V0a3.096 3.096 0 0 1 3.095-3.096H3.095A3.096 3.096 0 0 0 0 0"
transform="translate(159.627 156.74)"
fill="#08b865"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-48.029a3.095 3.095 0 0 0-3.095 3.095v48.028a3.095 3.095 0 0 0 3.095 3.095H0a3.095 3.095 0 0 0 3.095-3.095V3.095A3.095 3.095 0 0 0 0 0Z"
transform="translate(189.902 153.645)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-48.029a3.095 3.095 0 0 0-3.095 3.095v48.028a3.095 3.095 0 0 0 3.095 3.095H0a3.095 3.095 0 0 0 3.095-3.095V3.095A3.095 3.095 0 0 0 0 0"
transform="translate(275.748 153.645)"
fill="#fed402"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v48.028a3.095 3.095 0 0 0 3.095 3.095h-20.849a3.095 3.095 0 0 1-3.095-3.095V0a3.096 3.096 0 0 1 3.095-3.096H3.095A3.096 3.096 0 0 0 0 0"
transform="translate(245.474 156.74)"
fill="#fac600"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-48.029a3.095 3.095 0 0 0-3.095 3.095v48.028a3.095 3.095 0 0 0 3.095 3.095H0a3.095 3.095 0 0 0 3.095-3.095V3.095A3.095 3.095 0 0 0 0 0Z"
transform="translate(275.748 153.645)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-92.361"
transform="translate(146.542 318)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-92.361"
transform="translate(146.542 285.398)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-92.361"
transform="translate(146.542 252.796)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-92.361"
transform="translate(271.355 318)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-92.361"
transform="translate(271.355 285.398)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-92.361"
transform="translate(271.355 252.796)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-224.348a7.112 7.112 0 0 1-7.112-7.111v-40.824l5.753-1.421H1.271l5.84 1.421v40.824A7.11 7.11 0 0 1 0 0"
transform="translate(497.389 373.913)"
fill="#46cc8d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a7.111 7.111 0 0 0 7.112 7.111h-41.5A7.111 7.111 0 0 1-41.5 0v-40.823l5.753-1.422h41.5L0-40.823Z"
transform="translate(307.429 366.802)"
fill="#08b865"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-224.348a7.112 7.112 0 0 1-7.112-7.111v-40.824l5.753-1.421H1.271l5.84 1.421v40.824A7.11 7.11 0 0 1 0 0Z"
transform="translate(497.389 373.913)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-224.348a7.112 7.112 0 0 0-7.111 7.112v225.436H7.111V7.112A7.112 7.112 0 0 0 0 0"
transform="translate(497.389 93.43)"
fill="#c4e2ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v225.436h-41.5V0a7.111 7.111 0 0 1 7.112-7.111h41.5A7.111 7.111 0 0 0 0 0"
transform="translate(307.429 100.543)"
fill="#b3dafe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-224.348a7.112 7.112 0 0 0-7.111 7.112v225.436H7.111V7.112A7.112 7.112 0 0 0 0 0Z"
transform="translate(497.389 93.43)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h124.625"
transform="translate(322.902 137.045)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-35.636-28.888-64.524-64.524-64.524-35.635 0-64.523 28.888-64.523 64.524 0 35.635 28.888 64.523 64.523 64.523C-28.888 64.523 0 35.635 0 0"
transform="translate(449.738 231.549)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 31.303 22.294 57.393 51.869 63.275a64.818 64.818 0 0 1-12.655 1.248C3.579 64.523-25.309 35.635-25.309 0c0-35.636 28.888-64.524 64.523-64.524 4.332 0 8.562.434 12.655 1.249C22.294-57.393 0-31.304 0 0"
transform="translate(346 231.549)"
fill="#eaf6ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c14.882 0 28.576 5.052 39.492 13.516C35.873 32.026 19.571 45.998 0 45.998c-19.571 0-35.873-13.972-39.491-32.483C-28.576 5.052-14.881 0 0 0"
transform="translate(385.214 167.024)"
fill="#6ed5a1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a40.101 40.101 0 0 0 15.216-2.983C7.837 5.593-3.093 11.024-15.294 11.024c-19.571 0-35.873-13.971-39.492-32.483a64.586 64.586 0 0 1 15.752-8.996C-34.659-12.961-18.849 0 0 0"
transform="translate(400.509 201.998)"
fill="#46cc8d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-7.614 27.153-32.53 47.072-62.116 47.072-35.635 0-64.523-28.888-64.523-64.523 0-35.636 28.888-64.525 64.523-64.525 29.55 0 54.442 19.872 62.089 46.976"
transform="translate(447.33 249)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-3.619 18.511-19.92 32.482-39.492 32.482-19.571 0-35.872-13.971-39.491-32.483"
transform="translate(424.706 180.54)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-15.876-12.871-28.747-28.748-28.747S-57.495-15.876-57.495 0c0 15.877 12.87 28.748 28.747 28.748S0 15.877 0 0"
transform="translate(413.962 234.103)"
fill="#46cc8d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 12.259 7.676 22.719 18.481 26.853a28.669 28.669 0 0 1-10.267 1.895C-7.662 28.748-20.533 15.877-20.533 0S-7.662-28.747 8.214-28.747c3.619 0 7.078.675 10.267 1.895C7.676-22.718 0-12.258 0 0"
transform="translate(377 234.103)"
fill="#08b865"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-15.876-12.871-28.747-28.748-28.747S-57.495-15.876-57.495 0c0 15.877 12.87 28.748 28.747 28.748S0 15.877 0 0Z"
transform="translate(413.962 234.103)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category