Add icons to this collection by clicking the heart icon.
Eye Mask icon - also known as fashion, costume, party, celebration, carnival, accessory, eye mask, and birthday and party. Created in a clean 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="512"
height="512"
viewBox="0 0 510 510"
>
<linearGradient
id="i"
x1="-254.572"
x2="-231.383"
y1="1096.189"
y2="1119.378"
gradientTransform="rotate(-45 -1062.009 373.318)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#eaf6ff" />
<stop offset="1" stop-color="#b3dafe" />
</linearGradient>
<linearGradient
id="j"
x1="28.031"
x2="51.031"
y1="304.724"
y2="269.224"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#8ac9fe" stop-opacity="0" />
<stop offset=".063" stop-color="#85c2f3" stop-opacity=".063" />
<stop offset=".368" stop-color="#70a3c3" stop-opacity=".368" />
<stop offset=".636" stop-color="#608ca0" stop-opacity=".636" />
<stop offset=".856" stop-color="#577e8b" stop-opacity=".856" />
<stop offset="1" stop-color="#537983" />
</linearGradient>
<linearGradient
id="k"
x1="177.28"
x2="398.582"
y1="52.82"
y2="274.122"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#4f66d0" />
<stop offset=".206" stop-color="#485ec5" />
<stop offset=".567" stop-color="#3549a8" />
<stop offset="1" stop-color="#192a7d" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#1b1464" stop-opacity="0" />
<stop offset="1" stop-color="#1b1464" />
</linearGradient>
<linearGradient
id="l"
x1="265.691"
x2="374.851"
y1="78.847"
y2="12.737"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="151.275"
x2="176.643"
y1="113.972"
y2="-8.257"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="n"
x1="255"
x2="255"
y1="104.487"
y2="203.978"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#a2e62e" />
<stop offset=".123" stop-color="#97de30" />
<stop offset=".34" stop-color="#79cb36" />
<stop offset=".623" stop-color="#4aab3f" />
<stop offset=".961" stop-color="#09804c" />
<stop offset="1" stop-color="#017b4e" />
</linearGradient>
<linearGradient
id="o"
x1="-84.554"
x2="10.046"
y1="-157.191"
y2="-62.592"
gradientTransform="matrix(1.309 .309 .309 1.309 258.268 283.81)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#017b4e" stop-opacity="0" />
<stop offset="1" stop-color="#026841" />
</linearGradient>
<linearGradient
id="p"
x1="-1011.21"
x2="-1075.385"
y1="-302.078"
y2="-302.078"
gradientTransform="rotate(-45 262.295 -1627.258) scale(1 1.618)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="q"
x1="-1040.569"
x2="-1040.569"
y1="-285.401"
y2="-216.689"
gradientTransform="rotate(-45 262.295 -1627.258) scale(1 1.618)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#017b4e" stop-opacity="0" />
<stop offset=".483" stop-color="#01754a" stop-opacity=".483" />
<stop offset="1" stop-color="#026841" />
</linearGradient>
<linearGradient
id="r"
x1="-1040.569"
x2="-1040.569"
y1="-338.582"
y2="-248.224"
gradientTransform="rotate(-45 262.295 -1627.258) scale(1 1.618)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="s"
x1="-1928.45"
x2="-1833.851"
y1="278.291"
y2="372.89"
gradientTransform="matrix(-1.309 .309 -.309 1.309 -2027.647 283.81)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="t"
x1="-2622.989"
x2="-2687.164"
y1="-1297.962"
y2="-1297.962"
gradientTransform="rotate(-135 -1558.823 474.953) scale(1 -1.618)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="u"
x1="-2652.348"
x2="-2652.348"
y1="-1281.285"
y2="-1212.573"
gradientTransform="rotate(-135 -1558.823 474.953) scale(1 -1.618)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="v"
x1="-2652.348"
x2="-2652.348"
y1="-1334.465"
y2="-1244.108"
gradientTransform="rotate(-135 -1558.823 474.953) scale(1 -1.618)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient id="e">
<stop offset="0" stop-color="#fd4755" />
<stop offset="1" stop-color="#d2024e" />
</linearGradient>
<linearGradient
id="w"
x1="0"
x2="255"
y1="222.649"
y2="222.649"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient id="f">
<stop offset="0" stop-color="#c00148" stop-opacity="0" />
<stop offset="1" stop-color="#6d3326" />
</linearGradient>
<linearGradient
id="x"
x1="253.066"
x2="208.816"
y1="268.766"
y2="174.516"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="y"
x1="261"
x2="-63.119"
y1="356.149"
y2="32.03"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="z"
x1="267.75"
x2="531.558"
y1="222.649"
y2="222.649"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="A"
x1="493.327"
x2="282.133"
y1="333.476"
y2="122.282"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="B"
x1="343.602"
x2="243.057"
y1="306.398"
y2="205.853"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="C"
x1="255"
x2="255"
y1="264"
y2="331.663"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient id="g">
<stop offset="0" stop-color="#fee97d" />
<stop offset="1" stop-color="#fac600" />
</linearGradient>
<linearGradient
id="D"
x1="215.824"
x2="246.871"
y1="153.665"
y2="209.814"
gradientUnits="userSpaceOnUse"
href="#g"
/>
<linearGradient id="h">
<stop offset="0" stop-color="#fac600" stop-opacity="0" />
<stop offset=".075" stop-color="#f3bc0b" stop-opacity=".075" />
<stop offset=".336" stop-color="#df9b2d" stop-opacity=".336" />
<stop offset=".584" stop-color="#d18446" stop-opacity=".584" />
<stop offset=".812" stop-color="#c87554" stop-opacity=".812" />
<stop offset="1" stop-color="#c5715a" />
</linearGradient>
<linearGradient
id="E"
x1="224.614"
x2="224.614"
y1="175.042"
y2="202.566"
gradientUnits="userSpaceOnUse"
href="#h"
/>
<linearGradient
id="F"
x1="276.598"
x2="307.645"
y1="153.665"
y2="209.814"
gradientUnits="userSpaceOnUse"
href="#g"
/>
<linearGradient
id="G"
x1="285.387"
x2="285.387"
y1="175.042"
y2="202.566"
gradientUnits="userSpaceOnUse"
href="#h"
/>
<linearGradient
id="H"
x1="246.211"
x2="277.258"
y1="183.777"
y2="239.926"
gradientUnits="userSpaceOnUse"
href="#g"
/>
<linearGradient
id="I"
x1="255"
x2="255"
y1="205.154"
y2="232.678"
gradientUnits="userSpaceOnUse"
href="#h"
/>
<path
fill="url(#i)"
d="M41.421 510c-13.686 0-24.782-11.095-24.781-24.782V142.112c0-13.687 11.095-24.782 24.782-24.782s24.782 11.095 24.782 24.782v343.106C66.203 498.905 55.108 510 41.421 510z"
/>
<path
fill="url(#j)"
d="M66.203 433.333V142.112c0-13.686-11.095-24.782-24.782-24.782-13.686 0-24.782 11.095-24.782 24.782v291.221z"
/>
<path
fill="url(#k)"
d="M420.887 170.658c22.156 0 40.118-17.962 40.118-40.118 0-22.157-17.962-40.118-40.118-40.118-3.718 0-7.313.516-10.729 1.463-8.063-23.166-30.079-39.797-55.991-39.797a59.186 59.186 0 0 0-19.282 3.224C322.735 22.999 291.56 0 255 0s-67.735 22.999-79.884 55.312a59.16 59.16 0 0 0-19.282-3.224c-25.913 0-47.928 16.631-55.991 39.797a40.136 40.136 0 0 0-10.729-1.463c-22.157 0-40.118 17.962-40.118 40.118 0 22.157 17.962 40.118 40.118 40.118z"
/>
<path
fill="url(#l)"
d="M294.881 111.373c0-25.989 16.73-48.057 40.003-56.061C322.735 22.999 291.56 0 255 0c-47.126 0-85.329 38.203-85.329 85.329s38.203 85.329 85.329 85.329c20.876 0 39.992-7.508 54.821-19.956-9.29-10.466-14.94-24.234-14.94-39.329z"
/>
<path
fill="url(#m)"
d="M200.189 150.717c-10.854 12.238-26.706 19.941-44.356 19.941-32.748 0-59.285-26.537-59.285-59.285s26.537-59.284 59.285-59.284c6.749 0 13.238 1.122 19.28 3.213-3.521 9.348-5.443 19.464-5.443 30.027.001 26.26 11.855 49.737 30.519 65.388z"
/>
<path
fill="url(#n)"
d="M99.843 91.885a40.095 40.095 0 0 0-10.729-1.463c-22.157 0-40.118 17.961-40.118 40.118s17.962 40.118 40.118 40.118h331.773c22.157 0 40.118-17.962 40.118-40.118s-17.962-40.118-40.118-40.118c-3.718 0-7.313.516-10.729 1.463-3.754-10.786-10.536-20.153-19.324-27.087H119.167c-8.789 6.934-15.57 16.301-19.324 27.087z"
/>
<path
fill="url(#o)"
d="M82.536 20.2c-10.35-1.473-16.713 4.89-15.24 15.24 4.027 28.295 21.919 61.896 50.935 90.912 29.017 29.017 62.617 46.909 90.912 50.936 10.35 1.473 16.713-4.89 15.24-15.24-4.027-28.295-21.919-61.895-50.936-90.912-29.015-29.017-62.616-46.909-90.911-50.936z"
/>
<path
fill="url(#p)"
d="M221.197 174.101c2.701-2.7 3.923-6.879 3.186-12.054-4.027-28.295-21.919-61.895-50.936-90.912-29.015-29.016-62.616-46.908-90.911-50.935-5.175-.736-9.354.486-12.054 3.187z"
/>
<path
fill="url(#q)"
d="M180.369 78.382a225.252 225.252 0 0 0-6.921-7.246C144.432 42.119 110.831 24.227 82.536 20.2c-10.35-1.473-16.713 4.89-15.24 15.24 4.027 28.295 21.919 61.896 50.935 90.912a225.34 225.34 0 0 0 7.246 6.922l71.866 16.975z"
/>
<path
fill="url(#r)"
d="m144.091 96.995-14.024-59.373C113.715 28.258 97.395 22.315 82.536 20.2c-10.35-1.473-16.713 4.89-15.24 15.24 2.115 14.858 8.058 31.18 17.423 47.532z"
/>
<path
fill="url(#s)"
d="M427.464 20.2c10.35-1.473 16.713 4.89 15.24 15.24-4.027 28.295-21.919 61.896-50.935 90.912-29.017 29.017-62.617 46.909-90.912 50.936-10.35 1.473-16.713-4.89-15.24-15.24 4.027-28.295 21.919-61.895 50.936-90.912 29.016-29.017 62.616-46.909 90.911-50.936z"
/>
<path
fill="url(#t)"
d="M288.803 174.101c-2.701-2.7-3.923-6.879-3.186-12.054 4.027-28.295 21.919-61.895 50.936-90.912 29.016-29.016 62.617-46.908 90.912-50.936 5.175-.736 9.354.486 12.054 3.187z"
/>
<path
fill="url(#u)"
d="M329.631 78.382a225.252 225.252 0 0 1 6.921-7.246c29.016-29.016 62.617-46.908 90.912-50.936 10.35-1.473 16.713 4.89 15.24 15.24-4.027 28.295-21.919 61.896-50.935 90.912a225.34 225.34 0 0 1-7.246 6.922l-71.866 16.975z"
/>
<path
fill="url(#v)"
d="m365.909 96.995 14.024-59.373c16.352-9.365 32.673-15.308 47.531-17.423 10.35-1.473 16.713 4.89 15.24 15.24-2.115 14.858-8.059 31.18-17.423 47.532z"
/>
<path
fill="url(#w)"
d="M64.949 108.299h-50.17C6.617 108.299 0 114.233 0 121.553v44.995c0 94.137 85.089 170.45 190.051 170.45H255v-58.25c0-94.136-85.089-170.449-190.051-170.449zM199.206 277.88c0 5.02-4.526 9.079-10.123 9.079h-7.395c-50.286 0-91.048-36.558-91.048-81.657v-6.621c0-5.02 4.539-9.091 10.136-9.091h7.382c50.286 0 91.048 36.558 91.048 81.657z"
/>
<path
fill="url(#x)"
d="M203.127 161.733v29.314l46.183 46.184c-8.026-28.759-24.193-54.619-46.183-75.498z"
/>
<path
fill="url(#y)"
d="M61.876 135.743H48.68c-9.983 0-18.08 7.261-18.08 16.215v11.835c0 80.502 72.764 145.762 162.524 145.762h13.196c9.983 0 18.079-7.261 18.079-16.215v-11.835c.001-80.503-72.763-145.762-162.523-145.762zm137.33 142.137c0 5.02-4.526 9.079-10.123 9.079h-7.395c-50.286 0-91.048-36.558-91.048-81.657v-6.621c0-5.02 4.539-9.091 10.136-9.091h7.382c50.286 0 91.048 36.558 91.048 81.657z"
/>
<path
fill="url(#z)"
d="M255 278.749v58.25h64.948c104.963 0 190.052-76.313 190.052-170.45v-44.995c0-7.32-6.617-13.254-14.779-13.254h-50.17C340.089 108.299 255 184.612 255 278.749zm55.794-7.502c0-45.1 40.762-81.657 91.048-81.657h7.382c5.597 0 10.136 4.071 10.136 9.091v6.621c0 45.1-40.762 81.657-91.048 81.657h-7.395c-5.597 0-10.124-4.059-10.124-9.079v-6.633z"
/>
<path
fill="url(#A)"
d="M285.6 281.505v11.835c0 8.954 8.096 16.215 18.079 16.215h13.196c89.76 0 162.524-65.259 162.524-145.762v-11.835c0-8.954-8.096-16.215-18.079-16.215h-13.196c-89.76 0-162.524 65.259-162.524 145.762zm25.194-10.258c0-45.1 40.762-81.657 91.048-81.657h7.382c5.597 0 10.136 4.071 10.136 9.091v6.621c0 45.1-40.762 81.657-91.048 81.657h-7.395c-5.597 0-10.124-4.059-10.124-9.079v-6.633z"
/>
<path
fill="url(#B)"
d="M378.453 273.466c-14.38 8.525-31.612 13.493-50.141 13.493h-7.395c-5.597 0-10.124-4.059-10.124-9.079v-6.632c0-30.373 18.489-56.87 45.923-70.937l-43.939-43.939C277.151 187.353 255 230.728 255 278.749v58.25h64.948c20.415 0 40.073-2.899 58.505-8.242z"
/>
<path
fill="url(#C)"
d="M409.289 242.667c-15.12 26.305-45.704 44.292-80.976 44.292h-7.395c-5.597 0-10.124-4.059-10.124-9.079v-6.632c0-10.056 2.031-19.685 5.738-28.581h-57.251A154.137 154.137 0 0 0 255 278.749a154.19 154.19 0 0 0-4.281-36.082h-57.251c3.707 8.896 5.738 18.525 5.738 28.581v6.632c0 5.02-4.526 9.079-10.123 9.079h-7.395c-35.272 0-65.856-17.988-80.976-44.292h-80.74c31.177 55.924 95.622 94.332 170.08 94.332h129.896c74.458 0 138.903-38.408 170.08-94.332z"
/>
<circle cx="224.613" cy="169.56" r="30.387" fill="url(#D)" />
<path
fill="url(#E)"
d="M224.613 199.947c16.782 0 30.387-13.605 30.387-30.387h-60.773c0 16.782 13.604 30.387 30.386 30.387z"
/>
<circle cx="285.387" cy="169.56" r="30.387" fill="url(#F)" />
<path
fill="url(#G)"
d="M285.387 199.947c16.782 0 30.387-13.605 30.387-30.387H255c0 16.782 13.605 30.387 30.387 30.387z"
/>
<circle cx="255" cy="199.672" r="30.387" fill="url(#H)" />
<path
fill="url(#I)"
d="M255 230.059c16.782 0 30.387-13.605 30.387-30.387h-60.773c-.001 16.782 13.604 30.387 30.386 30.387z"
/>
</svg>
More icons in the same style and category