Add icons to this collection by clicking the heart icon.
Layers icon - also known as web, laptop, web design, development, code, web development, website design, layers, and seo and web. Created in a clean lineal color style, 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-458.282v267.579c0 9.941 8.058 18 18 18H-18c9.941 0 18-8.059 18-18z"
transform="translate(485.141 99.92)"
fill="#b3dafe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-9.94 0-18-8.061-18-18v-267.58h-25V-18c0 9.939 8.06 18 18 18z"
transform="translate(69.86 385.5)"
fill="#8ac9fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-231.29h-304.18V0l12.09 14.168 271.174 3.913z"
transform="translate(408.09 417.18)"
fill="#f2fbff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-231.29h-25V0l13.655 18.081z"
transform="translate(128.91 417.18)"
fill="#d8ecfe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-20.19h-304.18V0c0 6.63 5.38 12 12 12H-12C-5.38 12 0 6.63 0 0"
transform="translate(408.09 437.37)"
fill="#b3dafe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-6.62 0-12-5.37-12-12v-20.19h-25V-12c0 6.63 5.38 12 12 12z"
transform="translate(140.91 449.37)"
fill="#8ac9fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-460.981c-9.941 0-18 8.059-18 18v29.562a4 4 0 0 0 4 4H14a4 4 0 0 0 4-4V18C18 8.059 9.941 0 0 0"
transform="translate(486.49 62.634)"
fill="#b6c4cf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-25c-9.94 0-18 8.06-18 18v29.57c0 2.201 1.79 4 4 4h25c-2.21 0-4-1.799-4-4V18C-18 8.06-9.94 0 0 0"
transform="translate(50.51 62.63)"
fill="#9facba"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-95.845-41.076a1.997 1.997 0 0 0-1.576 0L-193.266 0c-1.616.692-1.616 2.984 0 3.677l95.845 41.076a1.997 1.997 0 0 0 1.576 0L0 3.677C1.616 2.984 1.616.692 0 0"
transform="translate(352.708 264.757)"
fill="#b3dafe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-5.05 1.42-9.739 3.85-13.67L-23.79-1.83A1.967 1.967 0 0 0-25 0c0 .75.4 1.5 1.21 1.841l27.64 11.84C1.42 9.75 0 5.051 0 0"
transform="translate(183.23 266.59)"
fill="#8ac9fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-95.845-41.076a1.997 1.997 0 0 0-1.576 0L-193.266 0c-1.616.692-1.616 2.984 0 3.677l95.845 41.076a1.997 1.997 0 0 0 1.576 0L0 3.677C1.616 2.984 1.616.692 0 0"
transform="translate(352.708 301.262)"
fill="#c9f6b0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-5.05 1.42-9.74 3.85-13.67L-23.79-1.83A1.966 1.966 0 0 0-25 0c0 .75.4 1.5 1.21 1.84L3.85 13.681C1.42 9.75 0 5.05 0 0"
transform="translate(183.23 303.095)"
fill="#9be69d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-95.845-41.076a1.997 1.997 0 0 0-1.576 0L-193.266 0c-1.616.692-1.616 2.983 0 3.677l95.845 41.076a1.997 1.997 0 0 0 1.576 0L0 3.677C1.616 2.983 1.616.692 0 0"
transform="translate(352.708 337.767)"
fill="#fd9aa0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-5.05 1.42-9.74 3.85-13.67L-23.79-1.83C-24.6-1.48-25-.74-25 0c0 .75.4 1.5 1.21 1.84L3.85 13.68C1.42 9.75 0 5.05 0 0"
transform="translate(183.23 339.6)"
fill="#fd8087"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h334.956"
transform="translate(88.522 185.893)"
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 0v251.48c0 6.63 5.38 12 12 12h280.18c6.62 0 12-5.37 12-12V0"
transform="translate(103.91 185.888)"
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 0h-304.18"
transform="translate(408.09 417.178)"
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 0h401.24c9.94 0 18 8.06 18 18v29.57c0 2.201-1.79 4-4 4H-73.74c-2.21 0-4-1.799-4-4V18c0-9.94 8.06-18 18-18H-35"
transform="translate(85.25 62.632)"
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 0v199.64"
transform="translate(485.14 114.202)"
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 0h59.05c9.94 0 18-8.061 18-18v-18.66"
transform="translate(408.09 385.502)"
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 0v253.3c0 9.939 8.06 18 18 18h59.05"
transform="translate(26.86 114.202)"
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 0h64.565"
transform="translate(223.717 88.416)"
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 38.3-16.42c1.62-.69 1.62-2.98 0-3.671L-57.54-61.17a2.06 2.06 0 0 0-1.58 0l-95.84 41.079c-1.62.691-1.62 2.981 0 3.671L-116.66 0"
transform="translate(314.33 283.282)"
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 38.3-16.41c1.62-.691 1.62-2.981 0-3.681L-57.54-61.16c-.51-.22-1.07-.22-1.58 0l-95.63 40.979c-1.7.731-1.7 3.13 0 3.861L-116.66 0"
transform="translate(314.33 319.782)"
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-95.845-41.076a1.995 1.995 0 0 0-1.575 0L-193.266 0c-1.616.693-1.616 2.984 0 3.677l95.846 41.077a2.004 2.004 0 0 0 1.575 0L0 3.677C1.616 2.984 1.616.693 0 0Z"
transform="translate(352.633 336.2)"
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