Add icons to this collection by clicking the heart icon.
Ghost Costume icon - also known as costume, halloween, carnival, scary, terror, horror, fear, ghost, enemy, and ghost costume. Created in a clean gradient 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 511.67 511.67"
>
<radialGradient
id="b"
cx="391.026"
cy="1487.191"
r="259.446"
gradientTransform="matrix(.931 0 0 .112 -111.53 314.954)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#bebebe" />
<stop offset=".275" stop-color="#dfdfdf" />
<stop offset=".496" stop-color="#f6f6f6" />
<stop offset=".888" stop-color="#fff" />
</radialGradient>
<radialGradient
id="c"
cx="100.323"
cy="57.83"
r="482.443"
gradientTransform="matrix(-1 0 0 -1.171 200.646 125.552)"
gradientUnits="userSpaceOnUse"
>
<stop offset=".013" stop-color="#fff" />
<stop offset=".606" stop-color="#dfdfdf" />
<stop offset=".782" stop-color="#dbdbdb" />
<stop offset=".964" stop-color="#cecece" />
<stop offset="1" stop-color="#cbcbcb" />
</radialGradient>
<radialGradient
id="d"
cx="490.36"
cy="320.499"
r="481.337"
gradientTransform="matrix(-1 0 0 -1.171 980.72 695.82)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#cbcbcb" />
<stop offset=".451" stop-color="#bebebe" />
<stop offset=".562" stop-color="#bababa" />
<stop offset=".674" stop-color="#afaeaf" />
<stop offset=".788" stop-color="#9c999c" />
<stop offset=".901" stop-color="#827d82" />
<stop offset="1" stop-color="#665e66" />
</radialGradient>
<radialGradient
id="e"
cx="262.948"
cy="177.087"
r="121.994"
gradientTransform="matrix(-.755 -.656 .768 -.884 335.85 517.308)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f6f6f6" />
<stop offset=".352" stop-color="#cbcbcb" />
<stop offset=".451" stop-color="#bebebe" />
<stop offset=".556" stop-color="#bababa" />
<stop offset=".671" stop-color="#aeacae" />
<stop offset=".791" stop-color="#9a969a" />
<stop offset=".914" stop-color="#7e787e" />
<stop offset="1" stop-color="#665e66" />
</radialGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#9b9b9b" />
<stop offset=".237" stop-color="#8a8a8a" />
<stop offset=".447" stop-color="#818181" />
<stop offset=".675" stop-color="#6b6b6b" />
<stop offset="1" stop-color="#454545" />
</linearGradient>
<radialGradient
id="f"
cx="260.114"
cy="188.448"
r="64.625"
gradientTransform="matrix(-.966 -.259 .303 -1.131 461.659 479.063)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="g"
cx="182.153"
cy="200.101"
r="131.12"
gradientTransform="matrix(-.866 -.5 -.586 1.014 641.946 77.796)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f6f6f6" />
<stop offset=".353" stop-color="#d1d1d1" />
<stop offset=".519" stop-color="#bebebe" />
<stop offset=".615" stop-color="#bababa" />
<stop offset=".714" stop-color="#afadaf" />
<stop offset=".815" stop-color="#9c999c" />
<stop offset=".915" stop-color="#827c82" />
<stop offset="1" stop-color="#665e66" />
</radialGradient>
<radialGradient
id="h"
cx="181.923"
cy="210.84"
r="64.625"
gradientTransform="matrix(.966 -.259 -.303 -1.131 258.214 485.545)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="i"
cx="294.707"
cy="332.326"
r="33.22"
gradientTransform="matrix(-2.137 0 0 -4.487 937.387 1874.572)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#cbcbcb" />
<stop offset=".196" stop-color="#c3c3c3" />
<stop offset=".473" stop-color="#bebebe" />
<stop offset=".602" stop-color="#bbb" />
<stop offset=".705" stop-color="#b2b1b2" />
<stop offset=".799" stop-color="#a3a0a3" />
<stop offset=".887" stop-color="#8d888d" />
<stop offset=".971" stop-color="#716a71" />
<stop offset="1" stop-color="#665e66" />
</radialGradient>
<path
fill="url(#b)"
d="M255.835 511.67c139.021 0 251.72-13.807 251.72-30.84H4.115c0 17.032 112.699 30.84 251.72 30.84z"
/>
<path
fill="url(#c)"
d="M224.624 0C148.682 0 87.119 61.563 87.119 137.505v96.915a393.049 393.049 0 0 1-39.128 170.959l-24.624 50.975h62.421l37.828-50.952c25.753-53.312 40.102-113.356 40.102-172.562l-4.052-70.125C159.666 86.774 211.103 0 287.045 0z"
/>
<path
fill="url(#d)"
d="M488.303 456.355c-33.54 0-33.54-14.758-67.081-14.758s-33.541 14.758-67.082 14.758c-33.543 0-33.543-14.758-67.085-14.758-33.541 0-33.541 14.758-67.083 14.758-33.546 0-33.546-14.758-67.092-14.758s-33.546 14.758-67.092 14.758l24.624-50.975a393.035 393.035 0 0 0 39.128-170.959v-96.915C149.54 61.563 211.103 0 287.045 0S424.55 61.563 424.55 137.505v96.915a393.049 393.049 0 0 0 39.128 170.959z"
/>
<path
fill="url(#e)"
d="M274.428 179.906c-7.684 28.675-29.745 47.679-49.276 42.445-19.531-5.233-29.135-32.721-21.451-61.397s29.745-47.679 49.276-42.445 29.134 32.722 21.451 61.397z"
/>
<path
fill="url(#f)"
d="M265.993 177.646c-5.851 21.836-22.651 36.307-37.523 32.322s-22.186-24.917-16.335-46.753 22.651-36.307 37.523-32.322c14.873 3.985 22.186 24.917 16.335 46.753z"
/>
<path
fill="url(#g)"
d="M310.266 179.906c7.684 28.675 29.745 47.679 49.276 42.445 19.531-5.233 29.135-32.721 21.451-61.397-7.683-28.675-29.745-47.679-49.276-42.445-19.53 5.234-29.134 32.722-21.451 61.397z"
/>
<path
fill="url(#h)"
d="M318.7 177.646c5.851 21.836 22.651 36.307 37.523 32.322s22.186-24.917 16.335-46.753-22.651-36.307-37.523-32.322-22.185 24.917-16.335 46.753z"
/>
<ellipse cx="292.467" cy="296.763" fill="url(#i)" rx="26.476" ry="47.475" />
</svg>
More icons in the same style and category