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 lineal color style with a white, black, yellow, olive, teal, orange, and pink 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="512"
height="512"
viewBox="0 0 512 512"
>
<path
d="M504.5 72.15H7.5V21.642C7.5 13.832 13.832 7.5 21.642 7.5h468.715c7.811 0 14.142 6.332 14.142 14.142V72.15z"
fill="#3c87d0"
/>
<path
d="M490.358 7.5h-36.366c7.81 0 14.142 6.332 14.142 14.142V72.15H504.5V21.642c0-7.81-6.332-14.142-14.142-14.142z"
fill="#0078c8"
/>
<path
d="M490.358 504.5H21.642c-7.811 0-14.142-6.332-14.142-14.142V72.15h497v418.207c0 7.811-6.332 14.143-14.142 14.143z"
fill="#dff6fd"
/>
<path
d="M468.134 72.15v418.207c0 7.811-6.332 14.142-14.142 14.142h36.366c7.811 0 14.142-6.332 14.142-14.142V72.15h-36.366z"
fill="#c8effe"
/>
<path
d="M-7.652 299.437h220.215v129.301H-7.652z"
transform="rotate(90 102.455 364.087)"
fill="#a2e62e"
/>
<path d="M136.801 253.98h30.305v220.215h-30.305z" fill="#97d729" />
<path
d="M195.39-55.13h121.22v436.39H195.39z"
transform="rotate(90 256 163.065)"
fill="#fd8087"
/>
<path d="M443.89 102.455h30.305v121.22H443.89z" fill="#fe646f" />
<path
d="M207.512 253.98h266.683v96.976H207.512z"
transform="rotate(-180 340.854 302.468)"
fill="#62dbfb"
/>
<path d="M443.89 253.98h30.305v96.976H443.89z" fill="#01d0fb" />
<path
d="M76.87 7.5H21.64C13.83 7.5 7.5 13.83 7.5 21.64v468.72c0 7.81 6.33 14.14 14.14 14.14H405M111.87 7.5h378.49c7.81 0 14.14 6.33 14.14 14.14v468.72c0 7.81-6.33 14.14-14.14 14.14H440M7.5 72.15h497M43.866 39.825h0M78.211 39.825h0M112.557 39.825h0"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M167.11 360.38V474.2H37.8V253.98h129.31v71.4"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M195.39-55.13h121.22v436.39H195.39z"
transform="rotate(90 256 163.065)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="m474.195 102.455-436.39 121.22M37.805 102.455l436.39 121.22M37.805 253.98l129.301 220.215M167.106 253.98 37.805 474.195"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M207.512 253.98h266.683v96.976H207.512z"
transform="rotate(-180 340.854 302.468)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M474.195 383.28H332.772M300.447 383.28h-52.528M348.036 447.931H207.512M413.585 447.931h-33.224M474.195 415.606H207.512M474.195 253.98l-266.683 96.975M474.195 350.955 207.512 253.98"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
</svg>
More icons in the same style and category