Add icons to this collection by clicking the heart icon.
Web Design icon - also known as technology, interface, web design, graphics editor, graphic design, editor, graphic tool, ui, art and design, and edit tools. Created in a clean flat style with a white, silver, gray, black, teal, and magenta 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>
<path
d="m0 0-100-150L90-90V0Z"
transform="matrix(1.33333 0 0 -1.33333 562.667 0)"
fill="#ff3187"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-100-150h266V0Z"
transform="matrix(1.33333 0 0 -1.33333 341.333 0)"
fill="#0556b2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-90l256-60V0Z"
transform="matrix(1.33333 0 0 -1.33333 0 0)"
fill="#077ccc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-120-151L0-302h256V0Z"
transform="matrix(1.33333 0 0 -1.33333 341.333 120)"
fill="#8db3cf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 120h256v302H0Z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#a6cfe7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-105.938-121L0-242h226V0Z"
transform="matrix(1.33333 0 0 -1.33333 341.333 160)"
fill="#bfebff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M30 150h226v242H30Z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-196l-100-91 100-91H0Z"
transform="matrix(1.33333 0 0 -1.33333 602.667 200)"
fill="#ff3187"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M60 180h196v182H60Z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#ff5178"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-60-45L0-90h75V0Z"
transform="matrix(1.33333 0 0 -1.33333 582.667 562.667)"
fill="#16202d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-50-45L0-90h181.001V0Z"
transform="matrix(1.33333 0 0 -1.33333 341.333 562.667)"
fill="#435d7a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-50-45L0-90h150.999L136-45l14.999 45Z"
transform="matrix(1.33333 0 0 -1.33333 140 562.667)"
fill="#7397b8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0c0-24.813 20.187-45 45-45v90C20.187 45 0 24.813 0 0"
transform="translate(211 45)"
fill="#5a7ba0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-24.813 0-45-20.187-45-45s20.187-45 45-45h60V0Z"
transform="translate(45 90)"
fill="#5a7ba0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
</svg>
More icons in the same style and category