Add icons to this collection by clicking the heart icon.
Black Cat icon - also known as halloween, scary, spooky, pet, terror, horror, fear, and black cat. 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="f"
cx="398.627"
cy="1076.304"
r="224.229"
gradientTransform="matrix(.931 0 0 .112 -111.519 310.44)"
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>
<radialGradient
id="g"
cx="268.535"
cy="442.795"
r="26.694"
gradientTransform="matrix(-1 0 0 -1.198 537.07 973.342)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#bebebe" />
<stop offset=".298" stop-color="#b8b8b8" />
<stop offset=".639" stop-color="#aaa" />
<stop offset="1" stop-color="#756e78" />
</radialGradient>
<linearGradient id="a">
<stop offset=".013" stop-color="#bebebe" />
<stop offset=".606" stop-color="#9b9b9b" />
<stop offset=".701" stop-color="#979797" />
<stop offset=".8" stop-color="#8a8a8a" />
<stop offset=".9" stop-color="#767676" />
<stop offset="1" stop-color="#595959" />
</linearGradient>
<radialGradient
id="h"
cx="203.146"
cy="36.216"
r="80.808"
gradientTransform="matrix(1 0 0 1.333 0 -23.649)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset=".143" stop-color="#9b9b9b" />
<stop offset=".46" stop-color="#818181" />
<stop offset=".617" stop-color="#6f6e6f" />
<stop offset=".908" stop-color="#454045" />
</linearGradient>
<radialGradient
id="i"
cx="289.324"
cy="169.307"
r="86.43"
gradientTransform="matrix(1 0 0 1.753 0 -110.532)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#efc89d" />
<stop offset=".276" stop-color="#e9af72" />
<stop offset=".377" stop-color="#e7a561" />
<stop offset=".492" stop-color="#e39b5a" />
<stop offset=".686" stop-color="#d88146" />
<stop offset=".919" stop-color="#c85929" />
</linearGradient>
<radialGradient
id="j"
cx="267.556"
cy="152.888"
r="63.989"
gradientTransform="matrix(1 0 0 1.753 0 -101.691)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<radialGradient
id="k"
cx="77.823"
cy="46.011"
r="80.808"
gradientTransform="matrix(1 0 0 1.333 0 -24.806)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="l"
cx="170.49"
cy="169.307"
r="86.43"
gradientTransform="matrix(1 0 0 1.753 0 -110.532)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="m"
cx="148.723"
cy="152.888"
r="63.989"
gradientTransform="matrix(1 0 0 1.753 0 -101.691)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<radialGradient
id="n"
cx="256.149"
cy="291.758"
r="350.964"
gradientTransform="matrix(1 0 0 1.443 0 -129.344)"
gradientUnits="userSpaceOnUse"
>
<stop offset=".092" stop-color="#454045" />
<stop offset=".383" stop-color="#6f6e6f" />
<stop offset=".54" stop-color="#818181" />
<stop offset=".857" stop-color="#9b9b9b" />
</radialGradient>
<radialGradient
id="o"
cx="376.584"
cy="298.802"
r="46.359"
gradientTransform="matrix(.984 -.181 .288 1.57 -79.949 -102.193)"
gradientUnits="userSpaceOnUse"
>
<stop offset=".092" stop-color="#454045" />
<stop offset=".194" stop-color="#4d484d" />
<stop offset=".357" stop-color="#625f62" />
<stop offset=".54" stop-color="#818181" />
<stop offset=".857" stop-color="#9b9b9b" />
</radialGradient>
<radialGradient
id="p"
cx="105.05"
cy="178.291"
r="286.277"
gradientTransform="matrix(-1 0 0 -.973 210.1 351.739)"
gradientUnits="userSpaceOnUse"
>
<stop offset=".013" stop-color="#bebebe" />
<stop offset=".617" stop-color="#9b9b9b" />
<stop offset=".824" stop-color="#797979" />
<stop offset="1" stop-color="#595959" />
</radialGradient>
<radialGradient
id="q"
cx="365.652"
cy="230.054"
r="98.494"
gradientTransform="matrix(-1 0 0 -.643 731.303 377.57)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<radialGradient
id="r"
cx="435.681"
cy="424.76"
r="186.503"
gradientTransform="matrix(.499 0 0 -.389 -107.101 589.876)"
gradientUnits="userSpaceOnUse"
>
<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" />
</radialGradient>
<radialGradient
id="s"
cx="334.056"
cy="469.588"
r="152.93"
gradientTransform="matrix(-1.135 0 0 -.639 708.412 769.818)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b9a0d3" />
<stop offset=".377" stop-color="#a586c6" />
<stop offset=".634" stop-color="#856eb4" />
<stop offset="1" stop-color="#524798" />
</radialGradient>
<linearGradient id="d">
<stop offset="0" stop-color="#cbcbcb" />
<stop offset=".377" stop-color="#bebebe" />
<stop offset=".516" stop-color="#afaeaf" />
<stop offset=".788" stop-color="#888388" />
<stop offset="1" stop-color="#665e66" />
</linearGradient>
<radialGradient
id="t"
cx="300.518"
cy="302.247"
r="69.272"
gradientTransform="matrix(-1 0 0 -.465 601.037 442.831)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<radialGradient
id="u"
cx="295.414"
cy="316.088"
r="69.272"
gradientTransform="matrix(-.966 -.259 .12 -.449 547.997 493.015)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<radialGradient
id="v"
cx="302.733"
cy="343.403"
r="69.272"
gradientTransform="matrix(-.966 .259 .12 .449 551.778 88.704)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<radialGradient
id="w"
cx="327.189"
cy="302.247"
r="69.272"
gradientTransform="matrix(1 0 0 -.465 149.627 442.831)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<radialGradient
id="x"
cx="321.175"
cy="309.185"
r="69.272"
gradientTransform="matrix(.966 -.259 -.12 -.449 203.622 496.581)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<radialGradient
id="y"
cx="328.495"
cy="336.5"
r="69.272"
gradientTransform="matrix(.966 .259 -.12 .449 199.84 85.138)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient id="e">
<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" />
</linearGradient>
<radialGradient
id="z"
cx="330.028"
cy="401.95"
r="29.31"
gradientTransform="matrix(-1 0 0 -.84 660.056 739.503)"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<radialGradient
id="A"
cx="332.099"
cy="431.057"
r="29.31"
gradientTransform="matrix(-1 0 0 .84 664.198 93.594)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#aaa" />
<stop offset=".34" stop-color="#a4a4a4" />
<stop offset=".608" stop-color="#9b9b9b" />
<stop offset="1" stop-color="#665e66" />
</radialGradient>
<radialGradient
id="B"
cx="263.6"
cy="415.282"
r="32.421"
gradientTransform="matrix(-1 0 0 -1.198 527.2 912.864)"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<radialGradient
id="C"
cx="326.328"
cy="439.088"
r="76.675"
gradientTransform="matrix(-1 0 0 -.84 652.656 807.828)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#cbcbcb" />
<stop offset=".166" stop-color="#c6c6c6" />
<stop offset=".531" stop-color="#bebebe" />
<stop offset=".625" stop-color="#b2b1b2" />
<stop offset=".8" stop-color="#918d91" />
<stop offset="1" stop-color="#665e66" />
</radialGradient>
<path
fill="url(#f)"
d="M262.499 457.103c120.15 0 217.551-11.933 217.551-26.653H44.947c0 14.72 97.401 26.653 217.552 26.653z"
/>
<path
fill="url(#g)"
d="m285.054 431.392-24.199 8.46c1.343 7.613 7.958 13.524 15.781 13.891h12.484c-3-1.21-2.338-16.078-4.066-22.351z"
/>
<path
fill="url(#h)"
d="M230.455 54.897s-44.857 66.849-44.857 96.937 20.083 54.48 44.857 54.48h25.537c-24.774 0 0-151.418 0-151.418h-25.537z"
/>
<path
fill="url(#i)"
d="M300.849 151.834c0 30.089-20.083 54.48-44.857 54.48s-44.857-24.392-44.857-54.48 44.857-96.937 44.857-96.937 44.857 66.849 44.857 96.937z"
/>
<path
fill="url(#j)"
d="M289.202 146.323c0 22.276-14.869 40.335-33.21 40.335s-33.21-18.059-33.21-40.335 33.21-71.768 33.21-71.768 33.21 49.491 33.21 71.768z"
/>
<path
fill="url(#k)"
d="M111.621 54.897s-44.857 66.849-44.857 96.937 20.083 54.48 44.857 54.48h25.537c-24.774 0 0-151.418 0-151.418h-25.537z"
/>
<path
fill="url(#l)"
d="M182.015 151.834c0 30.089-20.083 54.48-44.857 54.48s-44.857-24.392-44.857-54.48 44.857-96.937 44.857-96.937 44.857 66.849 44.857 96.937z"
/>
<path
fill="url(#m)"
d="M170.368 146.323c0 22.276-14.869 40.335-33.21 40.335s-33.21-18.059-33.21-40.335 33.21-71.768 33.21-71.768 33.21 49.491 33.21 71.768z"
/>
<path
fill="url(#n)"
d="M135.739 121.414c63.104-.242 148.655 272.551 101.616 272.551h126.407c47.039 0 85.172-38.133 85.172-85.172 0-32.612-18.329-60.943-45.247-75.254-4.622-2.457-8.113-6.612-9.485-11.663-15.771-58.054-68.952-100.704-132.056-100.462z"
/>
<path
fill="url(#o)"
d="M402.301 308.792a91.396 91.396 0 0 0-23.358-61.088l-9.509 8.523a78.632 78.632 0 0 1 20.095 53.391c-.037 3.564 2.811 6.483 6.375 6.483 3.493 0 6.353-2.808 6.392-6.301.003-.336.005-.672.005-1.008z"
/>
<path
fill="url(#p)"
d="M267.795 221.875c-15.771-58.054-68.952-100.704-132.056-100.462-76.312.294-138.267 64.748-135.66 141.016 2.498 73.068 62.519 131.536 136.195 131.536h101.08c47.039 0 85.172-38.133 85.172-85.172 0-32.612-18.329-60.943-45.247-75.254-4.621-2.458-8.112-6.613-9.484-11.664z"
/>
<path
fill="url(#q)"
d="M415.316 248.682c0 10.258-15.374 26.312-34.339 26.312s-34.339-16.054-34.339-26.312 15.374-18.573 34.339-18.573 34.339 8.315 34.339 18.573z"
/>
<path
fill="url(#r)"
d="M92.802 430.449h92.109l8.458-18.242-8.458-18.242H92.802z"
/>
<path fill="url(#s)" d="M184.911 393.965h186.061v36.485H184.911z" />
<path
fill="url(#t)"
d="M347.911 301.119H268.51a3.176 3.176 0 0 1 0-6.352h79.401a3.176 3.176 0 0 1 0 6.352z"
/>
<path
fill="url(#u)"
d="m346.771 285.72-76.695-20.55a3.176 3.176 0 0 1 1.644-6.136l76.695 20.55a3.177 3.177 0 0 1-1.644 6.136z"
/>
<path
fill="url(#v)"
d="m346.771 310.165-76.695 20.55a3.177 3.177 0 0 0 1.644 6.136l76.695-20.55a3.177 3.177 0 0 0-1.644-6.136z"
/>
<path
fill="url(#w)"
d="M429.423 301.119h79.401a3.176 3.176 0 0 0 0-6.352h-79.401a3.176 3.176 0 0 0 0 6.352z"
/>
<path
fill="url(#x)"
d="m430.563 285.72 76.695-20.55a3.176 3.176 0 0 0-1.644-6.136l-76.695 20.55a3.177 3.177 0 0 0 1.644 6.136z"
/>
<path
fill="url(#y)"
d="m430.563 310.165 76.695 20.55a3.177 3.177 0 0 1-1.644 6.136l-76.695-20.55a3.177 3.177 0 0 1 1.644-6.136z"
/>
<path
fill="url(#z)"
d="M336.74 417.276c1.438-5.012 9.096-14.908 13.884-16.828H338.14c-8.041-.377-14.916 4.886-17.007 12.172-.793 2.764-3.337 4.656-6.213 4.656l13.008 3.893c2.875 0 8.019-1.129 8.812-3.893z"
/>
<path
fill="url(#A)"
d="M336.74 436.915c1.438 5.012 9.096 14.908 13.884 16.828H338.14c-8.041.377-14.916-4.886-17.007-12.172-.793-2.764-3.337-4.656-6.213-4.656l13.008-3.893c2.875 0 8.019 1.129 8.812 3.893z"
/>
<path
fill="url(#B)"
d="M280.406 427.096c-2.268-3.157 2.994-24.34 8.715-26.647h-12.484c-8.284.389-15.213 6.993-15.963 15.252-.387 4.265.816 8.238 3.085 11.395-2.269 3.157-3.472 7.131-3.085 11.396.042.459.104.913.183 1.361h20.661c-1.567-5.684-2.191-11.257-1.112-12.757z"
/>
<path
fill="url(#C)"
d="M366.587 415.701c-.75-8.26-7.679-14.864-15.963-15.253-8.041-.377-14.916 4.886-17.007 12.172-.793 2.764-3.337 4.656-6.213 4.656h-15.063c-2.876 0-5.42-1.892-6.213-4.656-2.091-7.286-8.966-12.549-17.007-12.172-8.284.389-15.213 6.993-15.963 15.253-.387 4.265.816 8.238 3.085 11.395-2.269 3.157-3.472 7.131-3.085 11.396.75 8.26 7.68 14.863 15.964 15.252 8.041.377 14.916-4.886 17.006-12.172.793-2.764 3.337-4.656 6.213-4.656h15.063c2.876 0 5.42 1.892 6.213 4.656 2.091 7.286 8.965 12.549 17.006 12.172 8.284-.388 15.214-6.992 15.964-15.252.387-4.265-.816-8.238-3.085-11.396 2.269-3.157 3.472-7.13 3.085-11.395z"
/>
</svg>
More icons in the same style and category