Add icons to this collection by clicking the heart icon.
Web Design icon - also known as interface, web design, multimedia, design, browser, webpage, content, art and design, and edit tools. Created in a clean flat style with a white, silver, gray, yellow, olive, teal, and orange 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="100"
height="100"
viewBox="0 0 512 512"
>
<path
d="M511.994 254.297c.434 66.78-24.707 127.679-66.202 173.492-4.428 4.888-12.562 1.729-12.562-4.867 0-18.182-14.74-32.922-32.922-32.922H65.073c-9.005 0-16.304 7.3-16.304 16.304C18.101 364.095 0 312.165 0 256 0 114.777 114.353.263 255.514 0c140.46-.261 255.567 113.839 256.48 254.297z"
fill="#ffe13c"
/>
<path
d="M441 260H71a5 5 0 0 1-5-5V5a5 5 0 0 1 5-5h370a5 5 0 0 1 5 5v250a5 5 0 0 1-5 5z"
fill="#6cd0f5"
/>
<path
d="M446 40v180H66V40h44V28c0-5.523 4.477-10 10-10h60c5.523 0 10 4.477 10 10v12h256z"
fill="#46a5cd"
/>
<path
d="M426 100H86c-11.046 0-20-8.954-20-20V50h380v30c0 11.046-8.954 20-20 20z"
fill="#46738c"
/>
<path
d="M180 32v6a2 2 0 0 1-2 2h-56a2 2 0 0 1-2-2v-6a2 2 0 0 1 2-2h56a2 2 0 0 1 2 2zm238 28h-36a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h36a2 2 0 0 0 2-2v-6a2 2 0 0 0-2-2z"
fill="#3c5064"
/>
<path
d="M90 68v-6a2 2 0 0 1 2-2h276a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2H92a2 2 0 0 1-2-2zM66 80v347.561C112.848 479.412 180.616 512 256 512s143.152-32.588 190-84.439V80H66z"
fill="#e6faff"
/>
<path
d="M460 152v106a2 2 0 0 1-2 2H52a2 2 0 0 1-2-2V152a2 2 0 0 1 2-2h406a2 2 0 0 1 2 2zM256 350c-11.046 0-20 8.954-20 20s8.954 20 20 20 20-8.954 20-20-8.954-20-20-20zM110 130c11.046 0 20-8.954 20-20s-8.954-20-20-20-20 8.954-20 20 8.954 20 20 20zm46 220c-11.046 0-20 8.954-20 20s8.954 20 20 20 20-8.954 20-20-8.954-20-20-20zm200 0c-11.046 0-20 8.954-20 20s8.954 20 20 20 20-8.954 20-20-8.954-20-20-20z"
fill="#6cd0f5"
/>
<path
d="M270 188v-6a2 2 0 0 1 2-2h56a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2h-56a2 2 0 0 1-2-2zm138 12H272a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h136a2 2 0 0 0 2-2v-6a2 2 0 0 0-2-2z"
fill="#cdf5ff"
/>
<path
d="M420 107v6a2 2 0 0 1-2 2h-16a2 2 0 0 1-2-2v-6a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2zm-235 63c-19.33 0-35 15.67-35 35s15.67 35 35 35 35-15.67 35-35-15.67-35-35-35zm143 50h-56a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h56a2 2 0 0 0 2-2v-6a2 2 0 0 0-2-2z"
fill="#46a5cd"
/>
<path
d="M150 298v-6a2 2 0 0 1 2-2h208a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2H152a2 2 0 0 1-2-2zm150 12h-88a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h88a2 2 0 0 0 2-2v-6a2 2 0 0 0-2-2zm-10 100h-68a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h68a2 2 0 0 0 2-2v-6a2 2 0 0 0-2-2zm-10 20h-48a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h48a2 2 0 0 0 2-2v-6a2 2 0 0 0-2-2zm52-315h26a2 2 0 0 0 2-2v-6a2 2 0 0 0-2-2h-26a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2zm-113.333 0h26a2 2 0 0 0 2-2v-6a2 2 0 0 0-2-2h-26a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2zM162 115h26a2 2 0 0 0 2-2v-6a2 2 0 0 0-2-2h-26a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2zm113.333 0h26a2 2 0 0 0 2-2v-6a2 2 0 0 0-2-2h-26a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2zM190 410h-68a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h68a2 2 0 0 0 2-2v-6a2 2 0 0 0-2-2zm-10 20h-48a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h48a2 2 0 0 0 2-2v-6a2 2 0 0 0-2-2zm210-20h-68a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h68a2 2 0 0 0 2-2v-6a2 2 0 0 0-2-2zm-10 20h-48a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h48a2 2 0 0 0 2-2v-6a2 2 0 0 0-2-2z"
fill="#87dcfa"
/>
<path
d="M110 175v291.291a257.368 257.368 0 0 1-70-72.839V175a5 5 0 0 1 5-5h60a5 5 0 0 1 5 5z"
fill="#d29650"
/>
<path
d="M110 175v291.291a257.09 257.09 0 0 1-27-21.606V170h22a5 5 0 0 1 5 5z"
fill="#e6b464"
/>
<path
d="M75 380h35v10H75a2 2 0 0 1-2-2v-6a2 2 0 0 1 2-2zm18-28v6a2 2 0 0 0 2 2h15v-10H95a2 2 0 0 0-2 2zm0 60v6a2 2 0 0 0 2 2h15v-10H95a2 2 0 0 0-2 2zm0 30v6a2 2 0 0 0 2 2h15v-10H95a2 2 0 0 0-2 2zM73 292v6a2 2 0 0 0 2 2h35v-10H75a2 2 0 0 0-2 2zm2-92a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h35v-10H75zm18 122v6a2 2 0 0 0 2 2h15v-10H95a2 2 0 0 0-2 2zm0-90v6a2 2 0 0 0 2 2h15v-10H95a2 2 0 0 0-2 2zm0 30v6a2 2 0 0 0 2 2h15v-10H95a2 2 0 0 0-2 2z"
fill="#b9783d"
/>
</svg>
More icons in the same style and category