Add icons to this collection by clicking the heart icon.
Ui Design icon - also known as interface, web design, website, layout, ui, responsive, responsive webpage, responsive website, art and design, seo and web, adaptive, and ui design. Created in a clean flat style with a white, silver, gray, 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="552"
height="552"
viewBox="0 0 414 414"
>
<path
fill="#f0c48a"
d="M414 207c0 114.324-92.676 207-207 207S0 321.324 0 207 92.676 0 207 0s207 92.676 207 207zm0 0"
/>
<path
fill="#fff"
d="M314.066 308.492H57.461c-8.73 0-15.813-7.078-15.813-15.812V121.32c0-8.734 7.082-15.812 15.813-15.812h256.605c8.73 0 15.813 7.078 15.813 15.812v171.36c0 8.734-7.082 15.812-15.813 15.812zm0 0"
/>
<path
fill="#7babf1"
d="M219.613 201.95c-7.004 0-12.683-5.68-12.683-12.684 0-7.008 5.68-12.688 12.683-12.688 7.008 0 12.688 5.68 12.688 12.688 0 7.004-5.68 12.683-12.688 12.683zM219.613 243.945c-7.004 0-12.683-5.675-12.683-12.683 0-7.004 5.68-12.684 12.683-12.684 7.008 0 12.688 5.68 12.688 12.684 0 7.008-5.68 12.683-12.688 12.683zM219.613 285.945c-7.004 0-12.683-5.68-12.683-12.687 0-7.004 5.68-12.684 12.683-12.684 7.008 0 12.688 5.68 12.688 12.684 0 7.008-5.68 12.687-12.688 12.687zm0 0"
/>
<path
fill="#d3e6f8"
d="M314.066 105.508h-35.421c8.734 0 15.812 7.078 15.812 15.812v171.364c0 8.73-7.078 15.808-15.812 15.808h35.421c8.73 0 15.813-7.078 15.813-15.808V121.32c0-8.734-7.082-15.812-15.813-15.812zm0 0"
/>
<path
fill="#a4cff2"
d="M68.137 176.578H184.89v25.371H68.137zM68.137 218.578H184.89v25.367H68.137zM68.137 260.574H184.89v25.371H68.137zm0 0"
/>
<path
fill="#d3e6f8"
d="M41.648 121.32v33.543h288.23V121.32c0-8.734-7.081-15.812-15.812-15.812H57.461c-8.73 0-15.813 7.078-15.813 15.812zm0 0"
/>
<path
fill="#a4cff2"
d="M314.066 105.508h-35.421c8.734 0 15.812 7.078 15.812 15.812v33.543h35.418V121.32c.004-8.734-7.078-15.812-15.809-15.812zm0 0"
/>
<g fill="#4c4372">
<path
d="M329.879 160.863H41.649c-3.313 0-6-2.687-6-6V121.32c0-12.027 9.785-21.812 21.812-21.812h256.605c12.028 0 21.813 9.785 21.813 21.812v33.543c0 3.313-2.688 6-6 6zm-282.23-12h276.23V121.32c0-5.41-4.402-9.812-9.813-9.812H57.461c-5.41 0-9.813 4.402-9.813 9.812zm0 0"
/>
<path
d="M314.066 314.492H57.461c-12.027 0-21.813-9.785-21.813-21.812V121.32c0-12.027 9.786-21.812 21.813-21.812h256.605c12.028 0 21.813 9.785 21.813 21.812v171.36c0 12.027-9.785 21.812-21.813 21.812zM57.461 111.508c-5.41 0-9.813 4.402-9.813 9.812v171.36c0 5.41 4.403 9.812 9.813 9.812h256.605c5.41 0 9.813-4.402 9.813-9.812V121.32c0-5.41-4.402-9.812-9.813-9.812zm0 0"
/>
<path
d="M76.71 129.633a7.703 7.703 0 0 1-7.698 7.703 7.704 7.704 0 0 1-7.703-7.703 7.7 7.7 0 0 1 7.703-7.7 7.7 7.7 0 0 1 7.699 7.7zM101.129 129.633a7.7 7.7 0 0 1-7.7 7.703 7.704 7.704 0 0 1-7.702-7.703 7.7 7.7 0 0 1 7.703-7.7c4.254 0 7.699 3.446 7.699 7.7zM125.547 129.633c0 4.254-3.445 7.703-7.7 7.703s-7.702-3.45-7.702-7.703c0-4.254 3.449-7.7 7.703-7.7s7.699 3.446 7.699 7.7zM184.89 207.95H68.138c-3.313 0-6-2.684-6-6v-25.372c0-3.312 2.687-6 6-6H184.89c3.312 0 6 2.688 6 6v25.371c0 3.317-2.688 6-6 6zm-110.753-12H178.89v-13.372H74.137zM184.89 249.95H68.138c-3.313 0-6-2.688-6-6v-25.372c0-3.312 2.687-6 6-6H184.89c3.312 0 6 2.688 6 6v25.371c0 3.313-2.688 6-6 6zm-110.753-12H178.89v-13.372H74.137zM184.89 291.945H68.138c-3.313 0-6-2.687-6-6v-25.37c0-3.313 2.687-6 6-6H184.89c3.312 0 6 2.687 6 6v25.37c0 3.313-2.688 6-6 6zm-110.753-12H178.89v-13.37H74.137zM219.613 207.95c-10.3 0-18.683-8.384-18.683-18.684 0-10.305 8.382-18.688 18.683-18.688 10.305 0 18.688 8.383 18.688 18.688 0 10.3-8.383 18.683-18.688 18.683zm0-25.372c-3.687 0-6.683 3-6.683 6.688 0 3.683 2.996 6.683 6.683 6.683s6.688-3 6.688-6.683c0-3.688-3-6.688-6.688-6.688zM219.613 249.95c-10.3 0-18.683-8.384-18.683-18.688 0-10.305 8.382-18.688 18.683-18.688 10.305 0 18.688 8.383 18.688 18.688 0 10.304-8.383 18.687-18.688 18.687zm0-25.372c-3.687 0-6.683 2.996-6.683 6.684s2.996 6.687 6.683 6.687 6.688-3 6.688-6.687-3-6.684-6.688-6.684zM219.613 291.945c-10.3 0-18.683-8.382-18.683-18.683 0-10.305 8.382-18.688 18.683-18.688 10.305 0 18.688 8.383 18.688 18.688 0 10.3-8.383 18.683-18.688 18.683zm0-25.37c-3.687 0-6.683 3-6.683 6.687 0 3.683 2.996 6.683 6.683 6.683s6.688-3 6.688-6.683c0-3.688-3-6.688-6.688-6.688zM303.39 195.266h-51.874c-3.313 0-6-2.688-6-6s2.687-6 6-6h51.875a6.001 6.001 0 0 1 0 12zM303.39 237.262h-51.874c-3.313 0-6-2.684-6-6 0-3.313 2.687-6 6-6h51.875c3.312 0 6 2.687 6 6 0 3.316-2.688 6-6 6zM303.39 279.262h-51.874c-3.313 0-6-2.688-6-6s2.687-6 6-6h51.875a6.001 6.001 0 0 1 0 12zm0 0"
/>
</g>
<path
fill="#fd919e"
d="M329.879 308.492c-23.457 0-42.477-19.015-42.477-42.472v-25.051c0-23.457 19.02-42.473 42.477-42.473 23.457 0 42.473 19.016 42.473 42.473v25.05c0 23.458-19.016 42.473-42.473 42.473zm0 0"
/>
<path
fill="#4c4372"
d="M329.879 314.492c-26.73 0-48.477-21.746-48.477-48.472v-25.051c0-26.727 21.746-48.473 48.477-48.473 26.726 0 48.473 21.746 48.473 48.473v25.05c0 26.727-21.747 48.473-48.473 48.473zm0-109.996c-20.113 0-36.477 16.363-36.477 36.477v25.047c0 20.109 16.364 36.472 36.477 36.472 20.11 0 36.473-16.36 36.473-36.472v-25.047c0-20.114-16.364-36.477-36.473-36.477zm0 0"
/>
<path
fill="#4c4372"
d="M329.879 248.379c-3.317 0-6-2.688-6-6v-18.117c0-3.313 2.683-6 6-6 3.312 0 6 2.687 6 6v18.117c0 3.312-2.688 6-6 6zm0 0"
/>
</svg>
More icons in the same style and category