Add icons to this collection by clicking the heart icon.
Layers icon - also known as interface, graphics editor, graphic design, graphic tool, illustration, layers, overlay, and edit tools. Created in a clean lineal color style with a white, silver, navy, 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="d" clipPathUnits="userSpaceOnUse">
<path
d="M309.145 442.834c-52.099-17.589-85.043-5.666-120.992 6.257-23.728 7.87-48.766 15.739-81.483 15.123C-13.972 461.937 8.855 277.329 4.897 187.741-3.018 8.649 293.15 19.577 425.7 51.476c82.466 19.845 87.595 59.472 86.106 144-.961 54.487 3.442 198.726-32.004 244.123-21.993 28.167-43.064 37.821-64.81 37.822-32.091.001-65.655-21.019-105.847-34.587"
/>
</clipPath>
<clipPath id="g" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="h" clipPathUnits="userSpaceOnUse">
<path d="M94.846 390.077h321.336V84.923H94.846Z" />
</clipPath>
<clipPath id="i" clipPathUnits="userSpaceOnUse">
<path d="M37.486 404.501h436.056V70.499H37.486Z" />
</clipPath>
<clipPath id="j" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="k" clipPathUnits="userSpaceOnUse">
<path
d="M-80.202 468.037c-160.556 97.869-410.51 8.611-439.593-61.949-38.908-94.393 26.578-110.527 38.742-187.874 9.761-62.06-51.181-121.494-16.394-176.282C-459.564-17.73-333.981-2.749-286.25 25.485c87.376 51.682 43.31 112.012 84.685 187.299 39.407 71.707 116.243 42.625 160.961 99.99 42.5 54.521 14.311 122.402-39.598 155.263"
/>
</clipPath>
<clipPath id="n" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="o" clipPathUnits="userSpaceOnUse">
<path
d="M418.32 1041.5c-55.666 9.521-178.298-12.183-200.004-105.017-14.431-61.722-14.006-112.075-50.427-113.019-21.67-.562-32.97 44.309-62.889 48-39.047 4.817-66.146-27.695-83.058-57.138-37.205-64.772-25.57-174.918 23.354-228.632 118.488-130.085 259.198 5.952 319.358 112.309 38.585 68.214 125.638 123.352 143.767 200.249 15.179 64.375-18.502 131.002-90.101 143.248"
/>
</clipPath>
<linearGradient
id="a"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(550.87795 -550.87795) rotate(-50 -.016 -.223)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="0" stop-color="#fff" />
<stop offset=".337" stop-opacity="0" stop-color="#fff" />
<stop offset=".685" stop-opacity="1" stop-color="#fff" />
<stop offset="1" stop-opacity="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="f"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(550.87795 -550.87795) rotate(-50 -.016 -.223)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="1" stop-color="#d2deff" />
<stop offset=".337" stop-opacity="1" stop-color="#d2deff" />
<stop offset=".685" stop-opacity="1" stop-color="#d2deff" />
<stop offset="1" stop-opacity="1" stop-color="#d2deff" />
</linearGradient>
<linearGradient
id="b"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(590.98492 -590.98492) rotate(-30 -.906 1.63)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="0" stop-color="#fff" />
<stop offset=".553" stop-opacity="1" stop-color="#fff" />
<stop offset=".629" stop-opacity="1" stop-color="#fff" />
<stop offset="1" stop-opacity="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="m"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(590.98492 -590.98492) rotate(-30 -.906 1.63)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="1" stop-color="#dcfdee" />
<stop offset=".553" stop-opacity="1" stop-color="#d2f3e4" />
<stop offset=".629" stop-opacity="1" stop-color="#d2f3e4" />
<stop offset="1" stop-opacity="1" stop-color="#d2f3e4" />
</linearGradient>
<linearGradient
id="c"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(607.01966 -607.01966) rotate(-50 -.985 -.564)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="0" stop-color="#fff" />
<stop offset=".337" stop-opacity="0" stop-color="#fff" />
<stop offset=".685" stop-opacity="1" stop-color="#fff" />
<stop offset="1" stop-opacity="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="q"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(607.01966 -607.01966) rotate(-50 -.985 -.564)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="1" stop-color="#d2deff" />
<stop offset=".337" stop-opacity="1" stop-color="#d2deff" />
<stop offset=".685" stop-opacity="1" stop-color="#d2deff" />
<stop offset="1" stop-opacity="1" stop-color="#d2deff" />
</linearGradient>
<mask
id="e"
width="1"
height="1"
x="0"
y="0"
maskUnits="userSpaceOnUse"
>
<path
d="M-32768 32767h65535v-65535h-65535Z"
fill="url(#a)"
stroke="none"
/>
</mask>
<mask
id="l"
width="1"
height="1"
x="0"
y="0"
maskUnits="userSpaceOnUse"
>
<path
d="M-32768 32767h65535v-65535h-65535Z"
fill="url(#b)"
stroke="none"
/>
</mask>
<mask
id="p"
width="1"
height="1"
x="0"
y="0"
maskUnits="userSpaceOnUse"
>
<path
d="M-32768 32767h65535v-65535h-65535Z"
fill="url(#c)"
stroke="none"
/>
</mask>
</defs>
<g clip-path="url(#d)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<g mask="url(#e)">
<path
d="M309.145 442.834c-52.099-17.589-85.043-5.666-120.992 6.257-23.728 7.87-48.766 15.739-81.483 15.123C-13.972 461.937 8.855 277.329 4.897 187.741-3.018 8.649 293.15 19.577 425.7 51.476c82.466 19.845 87.595 59.472 86.106 144-.961 54.487 3.442 198.726-32.004 244.123-21.993 28.167-43.064 37.821-64.81 37.822-32.091.001-65.655-21.019-105.847-34.587"
fill="url(#f)"
stroke="none"
/>
</g>
</g>
<g clip-path="url(#g)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<g clip-path="url(#h)" opacity=".2">
<path
d="m0 0-74.321 30.816L0 61.632c8.227 3.41 8.227 15.064 0 18.474l-150.667 62.472a10.009 10.009 0 0 1-7.661 0l-150.668-62.472c-8.226-3.41-8.226-15.064 0-18.474l74.322-30.816L-308.996 0c-8.226-3.411-8.226-15.064 0-18.475l74.322-30.816-74.322-30.815c-8.226-3.412-8.226-15.064 0-18.475l150.668-62.471a10 10 0 0 1 7.661 0L0-98.581c8.227 3.411 8.227 15.063 0 18.475l-74.322 30.815L0-18.475C8.227-15.064 8.227-3.411 0 0"
transform="translate(410.012 246.737)"
fill="#d2deff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g clip-path="url(#i)" opacity=".2">
<path
d="m0 0-4.664-4.664v200.173a5 5 0 1 1-10 0V-4.664L-19.327 0a5.001 5.001 0 0 1-7.071-7.071l13.199-13.2a4.984 4.984 0 0 1 3.535-1.464c1.28 0 2.56.488 3.536 1.464l13.199 13.2A5 5 0 1 1 0 0"
transform="translate(65.35 203.992)"
fill="#d2deff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-13.199 13.199a5.002 5.002 0 0 1-7.072 0L-33.47 0a5.001 5.001 0 0 1 7.072-7.071l4.663 4.663v-200.173a5 5 0 0 1 10 0V-2.408l4.664-4.663a4.986 4.986 0 0 1 3.535-1.465A5 5 0 0 1 0 0"
transform="translate(472.078 278.08)"
fill="#d2deff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<path
d="m0 0-150.67-62.47a9.97 9.97 0 0 0-7.66 0L-308.99 0c-8.23 3.41-8.23 15.06 0 18.47l50.82 21.07 99.84 41.4a9.97 9.97 0 0 0 7.66 0l99.85-41.4L0 18.47C8.23 15.06 8.23 3.41 0 0"
transform="translate(410.01 168.16)"
fill="#9fb0fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-92.95-38.54a28.018 28.018 0 0 0-10.73-2.13c-3.69 0-7.3.72-10.72 2.13L-207.35 0l99.84 41.4a9.97 9.97 0 0 0 7.66 0z"
transform="translate(359.19 207.7)"
fill="#8399fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-98.45-40.82L-196.9 0l33.94 14.07 64.51 26.75 64.51-26.75z"
transform="translate(353.96 177.39)"
fill="#d2deff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-53.78-22.3a28.018 28.018 0 0 0-10.73-2.13c-3.69 0-7.3.72-10.72 2.13L-129.02 0l64.51 26.75Z"
transform="translate(320.02 191.46)"
fill="#b7c5ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 79.344 32.898c8.227 3.411 8.227 15.064 0 18.475l-150.667 62.471a10 10 0 0 1-7.661 0l-150.667-62.471c-8.227-3.411-8.227-15.064 0-18.475l150.667-62.471a10.009 10.009 0 0 1 7.661 0l39.838 16.518"
transform="translate(330.668 135.258)"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-150.67-62.47a9.97 9.97 0 0 0-7.66 0L-308.99 0c-8.23 3.41-8.23 15.07 0 18.48l50.82 21.07 99.84 41.4a9.97 9.97 0 0 0 7.66 0l99.85-41.4L0 18.48C8.23 15.07 8.23 3.41 0 0"
transform="translate(410.01 248.26)"
fill="#ffa8cf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-92.95-38.54a27.832 27.832 0 0 0-10.73-2.13c-3.69 0-7.3.71-10.72 2.13L-207.35 0l99.84 41.4a9.97 9.97 0 0 0 7.66 0z"
transform="translate(359.19 287.81)"
fill="#ff7eb8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-98.45-40.82L-196.9 0l33.94 14.07 64.51 26.75 64.51-26.75z"
transform="translate(353.96 257.5)"
fill="#ffdbed"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-53.78-22.3a27.832 27.832 0 0 0-10.73-2.13c-3.69 0-7.3.71-10.72 2.13L-129.02 0l64.51 26.75Z"
transform="translate(320.02 271.57)"
fill="#ffc4df"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-150.668-62.471c-8.227-3.411-8.227-15.064 0-18.475L0-143.417a9.997 9.997 0 0 1 7.66 0l150.668 62.471c8.226 3.411 8.226 15.064 0 18.475L7.66 0A9.997 9.997 0 0 1 0 0"
transform="translate(251.684 409.315)"
fill="#97ffd2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 98.45 40.82L196.899 0 98.45-40.82Z"
transform="translate(157.065 337.606)"
fill="#dcfdee"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 48.252-20.007a10.006 10.006 0 0 1 7.66 0L206.58 42.464c8.226 3.411 8.226 15.064 0 18.475L55.912 123.41a9.997 9.997 0 0 1-7.66 0l-150.668-62.471c-8.227-3.411-8.227-15.064 0-18.475l74.324-30.819-74.32-30.81c-8.23-3.41-8.23-15.07 0-18.48l150.66-62.47a9.97 9.97 0 0 1 7.66 0l150.67 62.47c8.23 3.41 8.23 15.07 0 18.48l-74.32 30.81"
transform="translate(203.432 285.905)"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-208.578"
transform="translate(55.685 419.501)"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-13.199-13.199L-26.399 0"
transform="translate(68.885 220.456)"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v208.578"
transform="translate(455.343 95.499)"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 13.199 13.199L26.398 0"
transform="translate(442.144 294.544)"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-6.075-4.925-11-11-11 6.075 0 11-4.925 11-11 0 6.075 4.925 11 11 11C4.925-11 0-6.075 0 0Z"
transform="translate(434.157 401.078)"
fill="none"
stroke="#ff7eb8"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-6.075-4.925-11-11-11 6.075 0 11-4.925 11-11 0 6.075 4.925 11 11 11C4.925-11 0-6.075 0 0Z"
transform="translate(155.25 441.501)"
fill="none"
stroke="#ff7eb8"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-6.075-4.925-11-11-11 6.075 0 11-4.925 11-11 0 6.075 4.925 11 11 11C4.925-11 0-6.075 0 0Z"
transform="translate(115.933 125.574)"
fill="none"
stroke="#01eca5"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-10-10"
transform="translate(400.75 419.501)"
fill="none"
stroke="#d2deff"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-10-10"
transform="translate(323.103 83.852)"
fill="none"
stroke="#d2deff"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 1 1a1.523 1.523 0 0 1 0 2.121 1.52 1.52 0 0 1-2.122 0l-1-1a1.525 1.525 0 0 1 0-2.121A1.52 1.52 0 0 1 0 0"
transform="translate(474.575 385.616)"
fill="#d2deff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g clip-path="url(#j)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<g clip-path="url(#k)">
<g mask="url(#l)">
<path
d="M-80.202 468.037c-160.556 97.869-410.51 8.611-439.593-61.949-38.908-94.393 26.578-110.527 38.742-187.874 9.761-62.06-51.181-121.494-16.394-176.282C-459.564-17.73-333.981-2.749-286.25 25.485c87.376 51.682 43.31 112.012 84.685 187.299 39.407 71.707 116.243 42.625 160.961 99.99 42.5 54.521 14.311 122.402-39.598 155.263"
fill="url(#m)"
stroke="none"
/>
</g>
</g>
</g>
<g clip-path="url(#n)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<g clip-path="url(#o)">
<g mask="url(#p)">
<path
d="M418.32 1041.5c-55.666 9.521-178.298-12.183-200.004-105.017-14.431-61.722-14.006-112.075-50.427-113.019-21.67-.562-32.97 44.309-62.889 48-39.047 4.817-66.146-27.695-83.058-57.138-37.205-64.772-25.57-174.918 23.354-228.632 118.488-130.085 259.198 5.952 319.358 112.309 38.585 68.214 125.638 123.352 143.767 200.249 15.179 64.375-18.502 131.002-90.101 143.248"
fill="url(#q)"
stroke="none"
/>
</g>
</g>
</g>
</svg>
More icons in the same style and category