Add icons to this collection by clicking the heart icon.
Web Design icon - also known as interface, web design, website, browser, web page, landing page, portal, content, responsive, and seo and web. Created in a clean filled style with a white and black 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="b" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="c" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="d" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<mask id="a">
<rect width="100%" height="100%" fill="#fff" />
<path
d="M0 0h-462c-5.523 0-10-4.478-10-10v-111.728H10V-10C10-4.478 5.523 0 0 0"
transform="matrix(1.33333 0 0 -1.33333 649.333 20.272)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-462c-5.523 0-10 4.478-10 10v350.272H10V10C10 4.478 5.523 0 0 0"
transform="matrix(1.33333 0 0 -1.33333 649.333 662.654)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h542.038"
transform="matrix(1.33333 0 0 -1.33333 -20.025 182.291)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h121.166"
transform="matrix(1.33333 0 0 -1.33333 77.934 81.411)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0Z"
transform="matrix(1.33333 0 0 -1.33333 602.064 81.411)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v0"
transform="matrix(1.33333 0 0 -1.33333 602.064 81.411)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0Z"
transform="matrix(1.33333 0 0 -1.33333 522.014 81.411)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v0"
transform="matrix(1.33333 0 0 -1.33333 522.014 81.411)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0Z"
transform="matrix(1.33333 0 0 -1.33333 441.964 81.411)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v0"
transform="matrix(1.33333 0 0 -1.33333 441.964 81.411)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M298.138 255.917h149.527V104.356H298.138Z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-40.295 69.771-44.019-76.22"
transform="matrix(1.33333 0 0 -1.33333 575.131 534.926)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v0"
transform="matrix(1.33333 0 0 -1.33333 465.667 402.881)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M66.042 256.356h149.527v-151.56H66.042Z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v50.388"
transform="matrix(1.33333 0 0 -1.33333 186.01 476.077)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h47.9"
transform="matrix(1.33333 0 0 -1.33333 155.807 408.893)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h542.038"
transform="matrix(1.33333 0 0 -1.33333 689.308 182.291)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-144.127c-16.569 0-30-13.432-30-30v-409.269c0-56.33 45.664-101.994 101.994-101.994h.139C-15.664-541.263 30-495.599 30-439.269V-30C30-13.432 16.569 0 0 0"
transform="matrix(1.33333 0 0 -1.33333 211.925 689.338)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-144.127c-16.569 0-30-13.432-30-30v-409.269c0-56.33 45.664-101.994 101.994-101.994h.139C-15.664-541.263 30-495.599 30-439.269V-30C30-13.432 16.569 0 0 0Z"
transform="matrix(1.33333 0 0 -1.33333 211.925 689.338)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</mask>
<g mask="url(#a)">
<g
clip-path="url(#b)"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
>
<path
d="M0 0h-462c-5.523 0-10-4.478-10-10v-111.728H10V-10C10-4.478 5.523 0 0 0"
transform="translate(487 496.796)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-462c-5.523 0-10-4.478-10-10v-111.728H10V-10C10-4.478 5.523 0 0 0Z"
transform="translate(487 496.796)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-462c-5.523 0-10 4.478-10 10v350.272H10V10C10 4.478 5.523 0 0 0"
transform="translate(487 15.01)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-462c-5.523 0-10 4.478-10 10v350.272H10V10C10 4.478 5.523 0 0 0Z"
transform="translate(487 15.01)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h542.038"
transform="translate(-15.019 375.282)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="#fff"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h121.166"
transform="translate(58.45 450.941)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="#fff"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0Z"
transform="translate(451.548 450.941)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v0"
transform="translate(451.548 450.941)"
fill="none"
stroke="#fff"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0Z"
transform="translate(391.51 450.941)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v0"
transform="translate(391.51 450.941)"
fill="none"
stroke="#fff"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0Z"
transform="translate(331.473 450.941)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v0"
transform="translate(331.473 450.941)"
fill="none"
stroke="#fff"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M298.138 255.917h149.527V104.356H298.138Z"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="#fff"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-40.295 69.771-44.019-76.22"
transform="translate(431.349 110.805)"
fill="none"
stroke="#fff"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v0"
transform="translate(349.25 209.839)"
fill="none"
stroke="#fff"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M66.042 256.356h149.527v-151.56H66.042Z"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="#fff"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v50.388"
transform="translate(139.507 154.942)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="#fff"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h47.9"
transform="translate(116.855 205.33)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="#fff"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g
clip-path="url(#c)"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
>
<path
d="M0 0h542.038"
transform="translate(516.981 375.282)"
fill="none"
stroke="#fff"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g
clip-path="url(#d)"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
>
<path
d="M0 0h-144.127c-16.569 0-30-13.432-30-30v-409.269c0-56.33 45.664-101.994 101.994-101.994h.139C-15.664-541.263 30-495.599 30-439.269V-30C30-13.432 16.569 0 0 0"
transform="translate(158.944 -5.003)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-144.127c-16.569 0-30-13.432-30-30v-409.269c0-56.33 45.664-101.994 101.994-101.994h.139C-15.664-541.263 30-495.599 30-439.269V-30C30-13.432 16.569 0 0 0Z"
transform="translate(158.944 -5.003)"
fill="none"
stroke="#fff"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</g>
</svg>
More icons in the same style and category