Add icons to this collection by clicking the heart icon.
Mask icon - also known as mask, logo, logotype, brand, and brands and logotypes. Created in a clean flat 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="100"
height="100"
viewBox="0 0 504.123 504.123"
>
<linearGradient
id="a"
x1="-25.173"
x2="-25.173"
y1="619.425"
y2="574.364"
gradientTransform="matrix(7.8769 0 0 -7.8769 364.054 4969.66)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#29d3da" />
<stop offset=".519" stop-color="#07f" />
<stop offset=".999" stop-color="#064093" />
<stop offset="1" stop-color="#084698" />
</linearGradient>
<path
d="M79.439 252.462c51.003-38.518 121.651-38.518 172.654 0l79.439-79.447C236.284 91.45 95.256 91.45 0 173.016l79.439 79.446z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-25.173"
x2="-25.173"
y1="617.894"
y2="598.294"
gradientTransform="matrix(7.8769 0 0 -7.8769 364.054 4969.66)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#29d3da" />
<stop offset=".519" stop-color="#07f" />
<stop offset=".999" stop-color="#064093" />
<stop offset="1" stop-color="#084698" />
</linearGradient>
<path
d="M331.532 173.016C236.284 91.45 95.256 91.45 0 173.016"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-3.262"
x2="-3.262"
y1="619.457"
y2="574.394"
gradientTransform="matrix(7.8769 0 0 -7.8769 364.054 4969.66)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#29d3da" />
<stop offset=".519" stop-color="#07f" />
<stop offset=".999" stop-color="#064093" />
<stop offset="1" stop-color="#084698" />
</linearGradient>
<path
d="M252.03 252.21c51.003-38.51 121.651-38.51 172.654 0l79.439-79.439c-95.256-81.566-236.292-81.566-331.532 0l79.439 79.439z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-3.262"
x2="-3.262"
y1="617.926"
y2="598.324"
gradientTransform="matrix(7.8769 0 0 -7.8769 364.054 4969.66)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#29d3da" />
<stop offset=".519" stop-color="#07f" />
<stop offset=".999" stop-color="#064093" />
<stop offset="1" stop-color="#084698" />
</linearGradient>
<path
d="M504.123 172.771c-95.256-81.566-236.292-81.566-331.532 0"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-14.218"
x2="-14.218"
y1="588.544"
y2="618.079"
gradientTransform="matrix(7.8769 0 0 -7.8769 364.054 4969.66)"
gradientUnits="userSpaceOnUse"
>
<stop offset=".012" stop-color="#e0b386" />
<stop offset=".519" stop-color="#da498c" />
<stop offset="1" stop-color="#961484" />
</linearGradient>
<path
d="M252.03 252.21c.323-.244.677-.449 1.016-.701l78.486-78.494a253.407 253.407 0 0 0-79.848-46.301c-28.286 10.193-55.138 25.537-79.092 46.056l79.438 79.44z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="11.022"
x2="-22.728"
y1="586.248"
y2="615.783"
gradientTransform="matrix(7.8769 0 0 -7.8769 364.054 4969.66)"
gradientUnits="userSpaceOnUse"
>
<stop offset=".012" stop-color="#e0b386" />
<stop offset=".519" stop-color="#da498c" />
<stop offset="1" stop-color="#961484" />
</linearGradient>
<path
d="M252.03 252.21c.323-.244.677-.449 1.016-.701l78.486-78.494a253.407 253.407 0 0 0-79.848-46.301"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="-3.262"
x2="-3.262"
y1="578.404"
y2="623.46"
gradientTransform="matrix(7.8769 0 0 -7.8769 364.054 4969.66)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#29d3da" />
<stop offset=".519" stop-color="#07f" />
<stop offset=".999" stop-color="#064093" />
<stop offset="1" stop-color="#084698" />
</linearGradient>
<path
d="M424.684 251.667c-51.003 38.51-121.651 38.51-172.654 0l-79.439 79.447c95.24 81.558 236.276 81.558 331.532 0l-79.439-79.447z"
fill="url(#g)"
/>
<linearGradient
id="h"
x1="-3.262"
x2="-3.262"
y1="579.934"
y2="599.53"
gradientTransform="matrix(7.8769 0 0 -7.8769 364.054 4969.66)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#29d3da" />
<stop offset=".519" stop-color="#07f" />
<stop offset=".999" stop-color="#064093" />
<stop offset="1" stop-color="#084698" />
</linearGradient>
<path
d="M172.591 331.113c95.24 81.558 236.276 81.558 331.532 0"
fill="url(#h)"
/>
<linearGradient
id="i"
x1="-25.173"
x2="-25.173"
y1="578.364"
y2="623.427"
gradientTransform="matrix(7.8769 0 0 -7.8769 364.054 4969.66)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#29d3da" />
<stop offset=".519" stop-color="#07f" />
<stop offset=".999" stop-color="#064093" />
<stop offset="1" stop-color="#084698" />
</linearGradient>
<path
d="M252.093 251.919c-51.003 38.502-121.651 38.502-172.654 0L0 331.358c95.256 81.558 236.284 81.558 331.532 0l-79.439-79.439z"
fill="url(#i)"
/>
<linearGradient
id="j"
x1="-25.173"
x2="-25.173"
y1="579.894"
y2="599.5"
gradientTransform="matrix(7.8769 0 0 -7.8769 364.054 4969.66)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#29d3da" />
<stop offset=".519" stop-color="#07f" />
<stop offset=".999" stop-color="#064093" />
<stop offset="1" stop-color="#084698" />
</linearGradient>
<path
d="M0 331.358c95.256 81.558 236.284 81.558 331.532 0"
fill="url(#j)"
/>
<linearGradient
id="k"
x1="-14.218"
x2="-14.218"
y1="609.284"
y2="579.752"
gradientTransform="matrix(7.8769 0 0 -7.8769 364.054 4969.66)"
gradientUnits="userSpaceOnUse"
>
<stop offset=".012" stop-color="#e0b386" />
<stop offset=".519" stop-color="#da498c" />
<stop offset="1" stop-color="#961484" />
</linearGradient>
<path
d="M252.093 251.919c-.323.244-.685.457-1.016.701l-78.486 78.494a253.294 253.294 0 0 0 79.848 46.293c28.286-10.185 55.138-25.529 79.092-46.048l-79.438-79.44z"
fill="url(#k)"
/>
<linearGradient
id="l"
x1="-30.846"
x2="2.904"
y1="576.404"
y2="605.939"
gradientTransform="matrix(7.8769 0 0 -7.8769 364.054 4969.66)"
gradientUnits="userSpaceOnUse"
>
<stop offset=".012" stop-color="#e0b386" />
<stop offset=".519" stop-color="#da498c" />
<stop offset="1" stop-color="#961484" />
</linearGradient>
<path
d="M252.093 251.919c-.323.244-.685.457-1.016.701l-78.486 78.494a253.294 253.294 0 0 0 79.848 46.293"
fill="url(#l)"
/>
</svg>
More icons in the same style and category