Add icons to this collection by clicking the heart icon.
Bat icon - also known as animals, halloween, bat, animal, scary, terror, horror, and fear. 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 512 512"
>
<radialGradient
id="c"
cx="352.005"
cy="404.259"
r="261.456"
gradientTransform="matrix(.931 0 0 .112 -75.044 371.116)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#a586c6" />
<stop offset=".009" stop-color="#a688c7" />
<stop offset=".338" stop-color="#d1c1e2" />
<stop offset=".495" stop-color="#e2d8ec" />
<stop offset=".888" stop-color="#fff" />
</radialGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#a586c6" />
<stop offset=".377" stop-color="#9373b9" />
<stop offset=".506" stop-color="#896cb4" />
<stop offset=".724" stop-color="#6f5ba7" />
<stop offset=".919" stop-color="#524798" />
</linearGradient>
<radialGradient
id="d"
cx="128.328"
cy="291.482"
r="225.454"
gradientTransform="matrix(1 0 0 -1.277 358.744 663.734)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#f1eaf9" />
<stop offset=".606" stop-color="#c6b4da" />
<stop offset=".782" stop-color="#c3b0d9" />
<stop offset=".964" stop-color="#bba3d4" />
<stop offset="1" stop-color="#b9a0d3" />
</linearGradient>
<radialGradient
id="e"
cx="172.165"
cy="128.629"
r="164.254"
fx="34.578"
fy="164.808"
gradientTransform="matrix(1 0 0 -1.277 271.071 292.901)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="f"
cx="207.732"
cy="322.725"
r="159.237"
gradientTransform="matrix(-1 0 0 -1.277 415.464 734.877)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#a586c6" />
<stop offset=".141" stop-color="#a080c2" />
<stop offset=".33" stop-color="#916fb5" />
<stop offset=".544" stop-color="#7853a1" />
<stop offset=".585" stop-color="#734d9d" />
<stop offset="1" stop-color="#5e54ac" />
</radialGradient>
<radialGradient
id="g"
cx="169.057"
cy="177.505"
r="161.163"
gradientTransform="matrix(-1 0 0 -1.277 338.113 404.198)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="h"
cx="50.622"
cy="62.774"
r="162.395"
gradientTransform="matrix(-1 0 0 -1.277 101.245 142.942)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="i"
cx="266.646"
cy="120.529"
r="53.926"
gradientTransform="matrix(-1 0 0 -1.277 533.293 274.458)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="j"
cx="314.665"
cy="269.139"
r="145.447"
gradientTransform="matrix(-1 0 0 -1.277 629.33 612.857)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b9a0d3" />
<stop offset=".377" stop-color="#a586c6" />
<stop offset=".485" stop-color="#9b7fc1" />
<stop offset=".666" stop-color="#816bb2" />
<stop offset=".898" stop-color="#564a9a" />
<stop offset=".919" stop-color="#524798" />
</radialGradient>
<radialGradient
id="k"
cx="235.345"
cy="308.825"
r="45.37"
gradientTransform="matrix(-1 0 0 -1.277 470.69 703.225)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e4989d" />
<stop offset=".153" stop-color="#e39298" />
<stop offset=".358" stop-color="#e18189" />
<stop offset=".592" stop-color="#dd6570" />
<stop offset=".608" stop-color="#dd636e" />
<stop offset="1" stop-color="#b93333" />
</radialGradient>
<radialGradient
id="l"
cx="239.32"
cy="231.026"
r="76.41"
gradientTransform="matrix(-1 0 0 -1.277 478.641 526.07)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fbe2dd" />
<stop offset=".606" stop-color="#eab1b7" />
<stop offset=".76" stop-color="#e9adb3" />
<stop offset=".919" stop-color="#e6a1a6" />
<stop offset="1" stop-color="#e4989d" />
</radialGradient>
<radialGradient
id="m"
cx="302.961"
cy="319.025"
r="105.369"
gradientTransform="matrix(-1 0 0 -1.277 605.922 726.451)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#dd636e" />
<stop offset=".032" stop-color="#dd606b" />
<stop offset=".561" stop-color="#d82e3d" />
<stop offset="1" stop-color="#8e2e2e" />
</radialGradient>
<radialGradient
id="n"
cx="186.496"
cy="289.532"
r="225.454"
gradientTransform="matrix(-1 0 0 -1.277 372.993 659.294)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#c)"
d="M256 447.086c140.098 0 253.67-13.914 253.67-31.079H2.33c0 17.165 113.572 31.079 253.67 31.079z"
/>
<path
fill="url(#d)"
d="m323.243 172.348 54.752-23.165c27.639-11.694 43.147-41.304 37.019-70.683l-2.834-13.586c96.147 34.909 130.745 153.129 68.588 234.367l-4.05 5.293v-22.76a36.184 36.184 0 0 0-22.199-33.372c-10.263-4.301-22.003 1.149-25.341 11.764l-9.128 29.021-23.406-14.121c-11.902-7.181-27.34-.576-30.366 12.991l-6.044 27.103-36.992-41.971V172.348z"
/>
<path
fill="url(#e)"
d="m307.899 172.348 54.752-23.165c27.639-11.694 43.147-41.304 37.019-70.683l-2.834-13.586h15.344c87.568 40.593 123.956 162.002 64.539 239.66h-15.344v-22.76a36.184 36.184 0 0 0-22.199-33.372c-10.263-4.301-15.786 30.17-19.124 40.785h-15.344l-23.406-14.121c-11.902-7.181-18.04 26.527-21.066 40.094H344.89l-36.992-41.971V172.348z"
/>
<path
fill="url(#d)"
d="m323.243 172.348 54.752-23.165c27.639-11.694 43.147-41.304 37.019-70.683l-2.834-13.586c96.147 34.909 130.745 153.129 68.588 234.367l-4.05 5.293v-22.76a36.184 36.184 0 0 0-22.199-33.372c-10.263-4.301-22.003 1.149-25.341 11.764l-9.128 29.021-23.406-14.121c-11.902-7.181-27.34-.576-30.366 12.991l-6.044 27.103-36.992-41.971V172.348z"
/>
<path
fill="url(#f)"
d="M187.17 315.199a153.458 153.458 0 0 0 29.673 71.414l22.278 29.395h32.735l-13.431-115.992z"
/>
<path
fill="url(#g)"
d="M218.423 104.31h-32.735v189.613c0 7.15.5 14.258 1.482 21.276h67.404z"
/>
<path
fill="url(#h)"
d="m188.757 172.348-54.752-23.165c-27.639-11.694-24.969-54.89-18.841-84.269H99.82C3.672 99.824-30.926 218.043 31.23 299.281l4.05 5.293h15.344c0-14.581-6.593-50.497 6.855-56.133 10.263-4.301 22.003 1.149 25.341 11.764l9.128 29.021h15.344c11.902-7.181 35.402-14.697 38.428-1.13l6.044 27.103h15.344z"
/>
<path
fill="url(#i)"
d="M325.289 104.31h-32.735l-32.762 37.206 37.863 12.492z"
/>
<path
fill="url(#j)"
d="m294.134 386.613-22.278 29.395-22.278-29.395a153.456 153.456 0 0 1-31.155-92.69V104.31l32.763 37.207h41.341l32.763-37.207v189.613a153.47 153.47 0 0 1-31.156 92.69z"
/>
<path
fill="url(#k)"
d="m271.856 308.493-35.923 11.614c0 16.666 13.511 30.177 30.177 30.177h11.492c-5.193 0-3.789-24.31-5.746-41.791z"
/>
<path
fill="url(#l)"
d="M277.602 219.49H266.11c-16.666 0-30.177 13.511-30.177 30.177v70.441h30.945c-4.324-38.628-.75-100.618 10.724-100.618z"
/>
<path
fill="url(#m)"
d="M277.602 350.284c-16.666 0-30.177-13.511-30.177-30.177v-70.441c0-16.666 13.511-30.177 30.177-30.177s30.177 13.511 30.177 30.177v70.441c0 16.667-13.511 30.177-30.177 30.177z"
/>
<g fill="url(#n)">
<path
d="m204.101 172.348-54.752-23.165c-27.639-11.694-43.147-41.304-37.019-70.683l2.834-13.586C19.016 99.824-15.581 218.043 46.575 299.281l4.05 5.293v-22.76a36.183 36.183 0 0 1 22.2-33.372c10.263-4.301 22.003 1.149 25.341 11.764l9.127 29.021 23.406-14.121c11.902-7.181 27.34-.576 30.366 12.991l6.044 27.103 36.992-41.971z"
/>
<path
d="m204.101 172.348-54.752-23.165c-27.639-11.694-43.147-41.304-37.019-70.683l2.834-13.586C19.016 99.824-15.581 218.043 46.575 299.281l4.05 5.293v-22.76a36.183 36.183 0 0 1 22.2-33.372c10.263-4.301 22.003 1.149 25.341 11.764l9.127 29.021 23.406-14.121c11.902-7.181 27.34-.576 30.366 12.991l6.044 27.103 36.992-41.971z"
/>
</g>
</svg>
More icons in the same style and category