Add icons to this collection by clicking the heart icon.
Web Design icon - also known as interface, connection, internet, web design, website, layout, design, browser, ui, web page, and seo and web. Created in a clean lineal color style with a white, silver, gray, black, yellow, 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="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 0h-384.197c-11.286 0-20.436 9.148-20.436 20.434v363.731c0 11.285 9.15 20.434 20.436 20.434h363.761C-9.149 404.599 0 395.45 0 384.165V5.599Z"
transform="translate(412.133 99.901)"
fill="#feda5f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-44c11.286 0 20.436-9.148 20.436-20.434V-404.6h44v384.166C20.436-9.148 11.286 0 0 0"
transform="translate(391.697 504.5)"
fill="#f4c84e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 11.285-9.149 20.434-20.436 20.434h-363.761c-11.286 0-20.436-9.149-20.436-20.434v-176.382H0Z"
transform="translate(412.133 484.066)"
fill="#84eaf5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-44c11.286 0 20.436-9.148 20.436-20.434v-176.381h44v176.381C20.436-9.148 11.286 0 0 0"
transform="translate(391.697 504.5)"
fill="#3ecfdc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 11.285-9.149 20.434-20.436 20.434h-363.761c-11.286 0-20.436-9.149-20.436-20.434v-43.879H0Z"
transform="translate(412.133 484.066)"
fill="#f5f7fa"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-44c11.286 0 20.436-9.148 20.436-20.434v-43.879h44v43.879C20.436-9.148 11.286 0 0 0"
transform="translate(391.697 504.5)"
fill="#eaecef"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 166.74-63.69 7.878-80.391-53.169-53.142-80.431 7.873-63.725 166.654z"
transform="translate(293.148 241.482)"
fill="#f5f7fa"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-166.74 63.691-12.166-12.16L-44 0l7.878-80.389-49.244-49.219 40.075-3.923L7.878-80.389z"
transform="translate(459.888 177.791)"
fill="#eaecef"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-57.35-57.32c-5.726-5.724-14.878-5.853-20.445-.288l-9.804 9.794c-5.57 5.567-5.442 14.725.287 20.452l57.351 57.321c5.725 5.724 14.878 5.852 20.444.288l9.805-9.795C5.858 14.885 5.729 5.727 0 0"
transform="translate(500.117 69.24)"
fill="#3ecfdc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c6.414-6.411 6.266-16.953-.332-23.547-6.597-6.594-17.144-6.742-23.558-.332-6.414 6.411-6.266 16.953.331 23.547C-16.961 6.263-6.414 6.411 0 0"
transform="translate(392.285 143.58)"
fill="#86919e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h280.697c11.286 0 20.436-9.148 20.436-20.434v-288.561"
transform="translate(111 504.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="4"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-287.588c-11.286 0-20.435 9.148-20.435 20.434v363.731c0 11.285 9.149 20.434 20.435 20.434h40.065"
transform="translate(315.523 99.901)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="4"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h399.399"
transform="translate(9.023 440.188)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="4"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c9.652 0 9.668 15 0 15-9.652 0-9.667-15 0-15"
transform="translate(41.283 464.217)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c9.652 0 9.668 15 0 15-9.652 0-9.668-15 0-15"
transform="translate(72.696 464.217)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c9.652 0 9.667 15 0 15-9.652 0-9.668-15 0-15"
transform="translate(104.11 464.217)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-17.508 45.786L5.199 68.482l166.74-63.69 7.878-80.391-53.169-53.141-80.431 7.873L15.295-40"
transform="translate(287.949 173)"
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-57.35-57.32c-5.726-5.724-14.878-5.853-20.445-.288l-9.804 9.794c-5.57 5.567-5.442 14.725.287 20.452l57.351 57.321c5.725 5.724 14.878 5.852 20.444.288l9.805-9.795C5.858 14.885 5.729 5.727 0 0Z"
transform="translate(500.117 69.24)"
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 86.311-86.266"
transform="translate(281.887 230.042)"
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 0c6.414-6.411 6.266-16.953-.332-23.547-6.597-6.594-17.144-6.742-23.558-.332-6.414 6.411-6.266 16.953.331 23.547C-16.961 6.263-6.414 6.411 0 0Z"
transform="translate(392.285 143.58)"
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 0h394.906"
transform="translate(13.86 307.685)"
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 0h160.555"
transform="translate(45.771 261.815)"
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 0h160.555"
transform="translate(45.771 222.927)"
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 0h160.555"
transform="translate(45.771 184.038)"
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 0h160.555"
transform="translate(45.771 145.148)"
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-21.441-21.439L-.998-41.881"
transform="translate(172.67 395.435)"
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 21.441 21.439L.998 41.881"
transform="translate(246.963 353.554)"
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 18.72 41.881"
transform="translate(200.457 353.554)"
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