Add icons to this collection by clicking the heart icon.
Ui Design icon - also known as web design, window, website, boxes, design, browser window, web browser, tabs, seo and web, and ui design. Created in a clean blue 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="512"
height="512"
viewBox="0 0 60 60"
>
<g id="Page-1" fill="none" fill-rule="evenodd">
<g id="002---Website-UI-Design" fill-rule="nonzero">
<g id="Icons" transform="translate(1 1)">
<path
id="Shape"
d="m58 4v6h-29c-1.1032019-.0032948-1.9967052-.89679813-2-2v-2c-.0032948-1.10320187-.8967981-1.9967052-2-2h-25c0-2.209139 1.790861-4 4-4h50c2.209139 0 4 1.790861 4 4z"
fill="#a4c2f7"
/>
<path
id="Shape"
d="m54 0h-3c2.209139 0 4 1.790861 4 4v6h3v-6c0-2.209139-1.790861-4-4-4z"
fill="#7facfa"
/>
<path
id="Shape"
d="m58 10v4h-58v-10h25c1.1032019.0032948 1.9967052.89679813 2 2v2c.0032948 1.10320187.8967981 1.9967052 2 2z"
fill="#e8edfc"
/>
<path id="Rectangle-path" d="m55 10h3v4h-3z" fill="#cad9fc" />
<path
id="Shape"
d="m58 14v40c0 2.209139-1.790861 4-4 4h-50c-2.209139 0-4-1.790861-4-4v-40z"
fill="#e8edfc"
/>
<path
id="Shape"
d="m55 14v40c0 2.209139-1.790861 4-4 4h3c2.209139 0 4-1.790861 4-4v-40z"
fill="#cad9fc"
/>
<rect
id="Rectangle-path"
fill="#a4c2f7"
height="20"
rx="2"
width="50"
x="4"
y="18"
/>
<path
id="Shape"
d="m52 18h-3c1.1045695 0 2 .8954305 2 2v16c0 1.1045695-.8954305 2-2 2h3c1.1045695 0 2-.8954305 2-2v-16c0-1.1045695-.8954305-2-2-2z"
fill="#7facfa"
/>
<rect
id="Rectangle-path"
fill="#a4c2f7"
height="12"
rx="2"
width="22"
x="4"
y="42"
/>
<path
id="Shape"
d="m24 42h-3c1.1045695 0 2 .8954305 2 2v8c0 1.1045695-.8954305 2-2 2h3c1.1045695 0 2-.8954305 2-2v-8c0-1.1045695-.8954305-2-2-2z"
fill="#7facfa"
/>
<rect
id="Rectangle-path"
fill="#a4c2f7"
height="12"
rx="2"
width="22"
x="32"
y="42"
/>
<path
id="Shape"
d="m52 42h-3c1.1045695 0 2 .8954305 2 2v8c0 1.1045695-.8954305 2-2 2h3c1.1045695 0 2-.8954305 2-2v-8c0-1.1045695-.8954305-2-2-2z"
fill="#7facfa"
/>
</g>
<g id="Icons_copy_2" fill="#fff" transform="translate(1 1)">
<path
id="Shape"
d="m4 58h3c-2.209139 0-4-1.790861-4-4v-50c0-2.209139 1.790861-4 4-4h-3c-2.209139 0-4 1.790861-4 4v50c0 2.209139 1.790861 4 4 4z"
/>
</g>
<g id="Icons_copy">
<path id="Rectangle-path" d="m0 47h2v8h-2z" fill="#fff" />
<g fill="#428dff">
<circle id="Oval" cx="1" cy="51" r="1" />
<path
id="Shape"
d="m55 0h-50c-2.76005315.00330612-4.99669388 2.23994685-5 5v42c0 .5522847.44771525 1 1 1s1-.4477153 1-1v-31h56v39c0 1.6568542-1.3431458 3-3 3h-50c-1.65685425 0-3-1.3431458-3-3 0-.5522847-.44771525-1-1-1s-1 .4477153-1 1c.00330612 2.7600532 2.23994685 4.9966939 5 5h50c2.7600532-.0033061 4.9966939-2.2399468 5-5v-50c-.0033061-2.76005315-2.2399468-4.99669388-5-5zm-50 2h50c1.6568542 0 3 1.34314575 3 3v5h-28c-.5522847 0-1-.44771525-1-1v-2c0-1.65685425-1.3431458-3-3-3h-23.816c.42225455-1.19435087 1.54921457-1.99474861 2.816-2zm-3 12v-8h24c.5522847 0 1 .44771525 1 1v2c0 1.6568542 1.3431458 3 3 3h28v2z"
/>
<path
id="Shape"
d="m17 9h-11c-.55228475 0-1 .44771525-1 1 0 .5522847.44771525 1 1 1h11c.5522847 0 1-.4477153 1-1 0-.55228475-.4477153-1-1-1z"
/>
<path
id="Shape"
d="m24.707 8.293c-.3904999-.39038194-1.0235001-.39038194-1.414 0l-.293.293-.293-.293c-.3923789-.37897221-1.0160848-.37355237-1.4018186.01218142-.3857338.3857338-.3911536 1.00943969-.0121814 1.40181858l.293.293-.293.293c-.2599566.2510745-.3642126.6228779-.2726972.9725073.0915155.3496295.3645604.6226744.7141899.7141899.3496294.0915154.7214328-.0127406.9725073-.2726972l.293-.293.293.293c.3923789.3789722 1.0160848.3735524 1.4018186-.0121814s.3911536-1.0094397.0121814-1.4018186l-.293-.293.293-.293c.3903819-.39049985.3903819-1.02350015 0-1.414z"
/>
<circle id="Oval" cx="53" cy="6" r="1" />
<circle id="Oval" cx="49" cy="6" r="1" />
<circle id="Oval" cx="45" cy="6" r="1" />
<path
id="Shape"
d="m56 21c0-1.6568542-1.3431458-3-3-3h-46c-1.65685425 0-3 1.3431458-3 3v16c0 1.6568542 1.34314575 3 3 3h46c1.6568542 0 3-1.3431458 3-3zm-28.952 8-21.048 7.58v-15.16zm-19.089-9h44.082l-22.041 7.937zm22.041 10.063 22.041 7.937h-44.082zm2.952-1.063 21.048-7.58v15.16z"
/>
<path
id="Shape"
d="m4 53c0 1.6568542 1.34314575 3 3 3h18c1.6568542 0 3-1.3431458 3-3v-8c0-1.6568542-1.3431458-3-3-3h-18c-1.65685425 0-3 1.3431458-3 3zm14.416-4 7.584-3.447v6.894zm6.168 5h-17.168l8.584-3.9zm-8.584-6.1-8.584-3.9h17.168zm-2.416 1.1-7.584 3.447v-6.894z"
/>
<path
id="Shape"
d="m53 42h-18c-1.6568542 0-3 1.3431458-3 3v8c0 1.6568542 1.3431458 3 3 3h18c1.6568542 0 3-1.3431458 3-3v-8c0-1.6568542-1.3431458-3-3-3zm-11.416 7-7.584 3.447v-6.894zm-6.168-5h17.168l-8.584 3.9zm8.584 6.1 8.584 3.9h-17.168zm2.416-1.1 7.584-3.447v6.894z"
/>
</g>
</g>
</g>
</g>
</svg>
More icons in the same style and category