Add icons to this collection by clicking the heart icon.
Ui Design icon - also known as smartphone, layout, design, browser, ui, interaction, app, seo and web, usability, user experience, ui design, and app design. Created in a clean lineal style with a black 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="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 0v-145.54c0-13.95 11.31-25.26 25.26-25.26h97.67"
transform="translate(134.21 199.03)"
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 0v136.09c0 13.95 11.31 25.26 25.26 25.26h225.33c13.95 0 25.26-11.31 25.26-25.26v-405.02c0-13.95-11.31-25.259-25.26-25.259h-97.66"
transform="translate(134.21 322.42)"
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-7.519 0-13.614-6.095-13.614-13.614 0-7.519 6.095-13.615 13.614-13.615 7.519 0 13.614 6.096 13.614 13.615S7.519 0 0 0Z"
transform="translate(272.136 76.644)"
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-275.854"
transform="translate(410.063 97.834)"
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-27.092 0-49.055-21.963-49.055-49.055 0-27.091 21.963-49.054 49.055-49.054s49.055 21.963 49.055 49.054C49.055-21.963 27.092 0 0 0Z"
transform="translate(272.136 386.39)"
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-8.895 0-16.104-7.21-16.104-16.104 0-8.895 7.209-16.106 16.104-16.106s16.105 7.211 16.105 16.106C16.105-7.21 8.895 0 0 0Z"
transform="translate(272.136 361.522)"
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 0c9.89 0 19.089 2.937 26.793 7.972C21.316 17.04 11.367 23.104 0 23.104c-11.367 0-21.316-6.064-26.793-15.132A48.806 48.806 0 0 1 0 0Z"
transform="translate(272.136 288.281)"
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 0h24.404"
transform="translate(259.934 450.74)"
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-78.549a4.463 4.463 0 0 0-4.463 4.463v23.956a4.463 4.463 0 0 0 4.463 4.463H0a4.463 4.463 0 0 0 4.463-4.463V4.463A4.463 4.463 0 0 0 0 0Z"
transform="translate(311.41 218.727)"
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 0a4.463 4.463 0 0 0 4.463 4.463h78.549A4.463 4.463 0 0 0 87.475 0v-23.956a4.463 4.463 0 0 0-4.463-4.463H-49.921"
transform="translate(228.398 177.59)"
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 0h156.016"
transform="translate(348.484 329.313)"
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.686"
transform="translate(504.5 355.581)"
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.686"
transform="translate(504.5 381.849)"
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 0h156.016"
transform="translate(348.484 166.524)"
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.686"
transform="translate(504.5 192.793)"
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.686"
transform="translate(504.5 219.06)"
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 0-2.061 3.569C-11.931 20.66-33.78 26.52-50.87 16.649-67.96 6.79-73.82-15.07-63.95-32.16l2.059-3.57"
transform="translate(78.19 419.45)"
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 0 30.784 17.773"
transform="translate(149.935 188.178)"
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 0 49.815-86.284"
transform="translate(96.592 316.118)"
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 0 16.941-29.344"
transform="translate(64.345 371.97)"
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-18.86 8.846-29.175 2.891-30.944-17.866-18.861 8.845-29.175 2.89-30.945-17.865"
transform="translate(177.352 247.7)"
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 0 62.389 36.02c8.178 4.721 18.635 1.919 23.357-6.259 4.722-8.178 1.92-18.635-6.259-23.357l-62.388-36.02c-8.178-4.722-18.635-1.92-23.357 6.259C-10.979-15.18-8.178-4.722 0 0Z"
transform="translate(16.052 383.576)"
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 0 82.063-142.136 5.166-64.038c.614-7.615-7.892-12.525-14.179-8.186l-52.876 36.493-82.063 142.136z"
transform="translate(95.29 389.836)"
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