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 color style with a white, silver, gray, black, orange, 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="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-405.022c0-13.951 11.309-25.259 25.258-25.259h225.338c13.949 0 25.258 11.308 25.258 25.259V0c0 13.949-11.309 25.258-25.258 25.258H25.258C11.309 25.258 0 13.949 0 0"
transform="translate(134.209 458.518)"
fill="#e8edf1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-24.961C-11.011 0 .298-11.309.298-25.258V-430.28c0-13.95-11.309-25.258-25.259-25.258H0c13.949 0 25.258 11.308 25.258 25.258v405.022C25.258-11.309 13.949 0 0 0"
transform="translate(384.805 483.775)"
fill="#c5d3dd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-44.35C0-58.3 11.309-69.608 25.258-69.608h225.338c13.95 0 25.258 11.308 25.258 25.258V0Z"
transform="translate(134.209 97.845)"
fill="#7a8d98"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-13.95-11.309-25.258-25.259-25.258 25.706.151 25.954-.383 30.418.598a25.177 25.177 0 0 1 11.567 6.003C21.785-14.039 24.96-7.391 24.96 0v44.35H0Z"
transform="translate(385.103 53.495)"
fill="#596c76"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h97.669c13.949 0 25.258 11.309 25.258 25.259v405.022c0 13.949-11.309 25.258-25.258 25.258h-225.338c-13.949 0-25.258-11.309-25.258-25.258V25.259c0-13.95 11.309-25.259 25.258-25.259H-30"
transform="translate(287.136 28.236)"
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.613 0-7.52 6.095-13.615 13.614-13.615 7.519 0 13.614 6.095 13.614 13.615C13.614-6.095 7.519 0 0 0"
transform="translate(272.136 76.654)"
fill="#c5d3dd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-7.519 0-13.614-6.095-13.614-13.613 0-7.52 6.095-13.615 13.614-13.615 7.519 0 13.614 6.095 13.614 13.615C13.614-6.095 7.519 0 0 0Z"
transform="translate(272.136 76.654)"
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.845)"
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 0"
transform="translate(272.136 386.4)"
fill="#b3dafe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<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.4)"
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 0"
transform="translate(272.136 361.532)"
fill="#596c76"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c9.89 0 19.089 2.938 26.793 7.972C21.316 17.04 11.367 23.104 0 23.104c-11.367 0-21.316-6.063-26.793-15.132A48.815 48.815 0 0 1 0 0"
transform="translate(272.136 288.291)"
fill="#596c76"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<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.532)"
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.938 26.793 7.972C21.316 17.04 11.367 23.104 0 23.104c-11.367 0-21.316-6.063-26.793-15.132A48.815 48.815 0 0 1 0 0Z"
transform="translate(272.136 288.291)"
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.749)"
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 0"
transform="translate(311.41 218.736)"
fill="#fe9738"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<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.736)"
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.6)"
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.322)"
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.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 0h-48.686"
transform="translate(504.5 381.86)"
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.534)"
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.803)"
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.07)"
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-17.091-9.866-22.946-31.72-13.079-48.81l7.504-12.996 61.888 35.732-7.503 12.996C38.943 4.012 17.09 9.867 0 0"
transform="translate(27.318 436.112)"
fill="#fe7ab7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-17.091-9.866-22.946-31.72-13.079-48.81l7.504-12.996 61.888 35.732-7.503 12.996C38.943 4.012 17.09 9.867 0 0Z"
transform="translate(27.318 436.112)"
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.614-7.892-12.525-14.179-8.185l-52.876 36.492-82.063 142.136z"
transform="translate(95.29 389.846)"
fill="#ffcebf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-18.86 8.846-29.175 2.891-30.944-17.865-18.861 8.845-29.175 2.89-30.945-17.866l-82.062 142.135 61.888 35.732z"
transform="translate(177.352 247.71)"
fill="#fe860a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 1.799-22.29c.614-7.614-7.892-12.525-14.179-8.186l-18.404 12.702z"
transform="translate(180.719 205.962)"
fill="#596c76"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 30.784 17.774"
transform="translate(149.935 188.188)"
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.136c-18.861 8.846-29.175 2.891-30.945-17.865L-30.944-17.865z"
transform="translate(95.29 389.846)"
fill="#fea95c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 49.815-86.283"
transform="translate(96.592 316.128)"
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.98)"
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.865-18.861 8.845-29.175 2.89-30.945-17.866"
transform="translate(177.352 247.71)"
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.258 4.722-8.179 1.92-18.636-6.259-23.358l-62.388-36.02c-8.178-4.722-18.635-1.919-23.357 6.259C-10.979-15.179-8.178-4.722 0 0"
transform="translate(16.052 383.586)"
fill="#b3dafe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 62.389 36.02c8.178 4.721 18.635 1.919 23.357-6.258 4.722-8.179 1.92-18.636-6.259-23.358l-62.388-36.02c-8.178-4.722-18.635-1.919-23.357 6.259C-10.979-15.179-8.178-4.722 0 0Z"
transform="translate(16.052 383.586)"
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.614-7.892-12.525-14.179-8.185l-52.876 36.492-82.063 142.136z"
transform="translate(95.29 389.846)"
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