Add icons to this collection by clicking the heart icon.
Hat icon - also known as hat, costume, birthday, party, celebration, fun, 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="a">
<stop offset="0" stop-color="#9b62cd" />
<stop offset=".3" stop-color="#985dcb" />
<stop offset=".672" stop-color="#8f4ec7" />
<stop offset="1" stop-color="#833ac1" />
</linearGradient>
<linearGradient
id="e"
x1="211.339"
x2="343.998"
y1="257.203"
y2="268.445"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="255.257"
x2="84.945"
y1="317.291"
y2="138.547"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#9b62cd" stop-opacity="0" />
<stop offset="1" stop-color="#ff75c8" />
</linearGradient>
<linearGradient id="b">
<stop offset="0" stop-color="#ffd945" />
<stop offset=".304" stop-color="#ffcd3e" />
<stop offset=".856" stop-color="#ffad2b" />
<stop offset="1" stop-color="#ffa325" />
</linearGradient>
<linearGradient
id="g"
x1="217.908"
x2="269.733"
y1="407.173"
y2="407.173"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="217.908"
x2="269.733"
y1="354.244"
y2="354.244"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="217.908"
x2="269.733"
y1="252.495"
y2="252.495"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="j"
x1="217.908"
x2="269.733"
y1="148.982"
y2="148.982"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="k"
x1="255.008"
x2="255.008"
y1="509.425"
y2="434.013"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#833ac1" stop-opacity="0" />
<stop offset="1" stop-color="#6e566e" />
</linearGradient>
<linearGradient
id="l"
x1="313.501"
x2="233.683"
y1="136.861"
y2="57.043"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#92f37f" />
<stop offset="1" stop-color="#4ab272" />
</linearGradient>
<linearGradient
id="m"
x1="238.746"
x2="295.038"
y1="27.202"
y2="83.493"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="n"
x1="253.357"
x2="369.248"
y1="61.259"
y2="-32.875"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#005a01" stop-opacity="0" />
<stop offset="1" stop-color="#005a01" />
</linearGradient>
<linearGradient
id="o"
x1="284.892"
x2="269.199"
y1="419.687"
y2="403.994"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="p"
x1="284.017"
x2="248.791"
y1="468.487"
y2="446.752"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="q"
x1="124.172"
x2="160.709"
y1="476.471"
y2="421.946"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="r"
x1="446.624"
x2="398.844"
y1="411.123"
y2="414.496"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<path
fill="url(#e)"
d="M244.134 66.931c-7.872 15.575-19.4 39.206-32.502 68.677-3.692 8.304-5.509 17.072-9.404 26.254-4.275 10.076-10.644 20.651-15.046 31.658-8.072 20.184-16.254 41.824-24.168 64.516-3.056 8.763 1.928 17.683-1.026 26.736-3.403 10.43-14.724 21.037-17.929 31.786-5.811 19.487-11.242 39.439-16.093 59.646-2.093 8.716 4.922 17.48 3.06 26.274-2.163 10.219-13.159 20.478-14.963 30.751a826.334 826.334 0 0 0-2.708 16.377h283.306c-2.344-15.128-5.132-30.257-8.286-45.3-1.546-7.376-13.609-13.167-15.321-20.491-1.369-5.856 7.641-13.257 6.177-19.069-4.332-17.198-9.061-34.181-14.061-50.816-1.923-6.397-11.886-12.743-13.882-19.03-2.09-6.583 3.783-13.102 1.629-19.547-31.464-94.12-68.926-172.59-87.036-208.423-4.508-8.92-17.238-8.92-21.747.001z"
/>
<path
fill="url(#f)"
d="M262.683 73.169C234.437 129.057 159.12 288.671 132.9 449.607h263.76c-12.144-78.388-36.227-156.771-61.141-223.325-2.2-5.877-11.407-11.662-13.612-17.347-2.708-6.98 1.586-13.808-1.104-20.47a1662.406 1662.406 0 0 0-19.897-47.154c-2.603-5.915-10.152-11.611-12.629-17.072-3.167-6.982-1.218-13.58-4.121-19.758a1472.628 1472.628 0 0 0-17.442-35.896 12.07 12.07 0 0 0-4.031 4.584z"
/>
<path
fill="url(#g)"
d="M379.224 364.738c-20.866 5.981-48.589 14.615-80.101 26.228-37.01 13.637-83.508 33.064-130.298 58.64h92.693c49.972-21.484 95.942-36.346 126.858-45.295a1027.904 1027.904 0 0 0-9.152-39.573z"
/>
<path
fill="url(#h)"
d="M352.872 275.261a1171.984 1171.984 0 0 0-53.749 18.314c-47.825 17.617-111.479 44.902-171.153 82.631-4.531 18.842-8.544 37.909-11.906 57.021 82.361-60.54 184.61-99.067 249.096-119.303a1301.98 1301.98 0 0 0-12.288-38.663z"
/>
<path
fill="url(#i)"
d="M320.786 188.448a1247.454 1247.454 0 0 0-21.664 7.746c-38.55 14.199-87.375 34.682-136.111 61.844v.011c-6.565 18.842-12.962 38.426-18.932 58.494 64.283-41.619 136.099-71.175 191.434-90.253a1517.669 1517.669 0 0 0-14.727-37.842z"
/>
<path
fill="url(#j)"
d="M284.148 104.445c-22.091 8.51-46.813 18.876-72.502 31.141a1671.366 1671.366 0 0 0-24.463 57.932c38.752-21.237 78.258-38.482 113.783-52.063a1655.066 1655.066 0 0 0-16.818-37.01z"
/>
<ellipse
cx="255.008"
cy="449.607"
fill="url(#k)"
rx="141.653"
ry="30.072"
/>
<path
fill="url(#l)"
d="M265.881 66.931c-4.509-8.921-17.238-8.921-21.747 0a1372.844 1372.844 0 0 0-7.889 15.875l69.414 69.415a1655.81 1655.81 0 0 0-4.665-10.704c-14.177-32.225-26.722-57.985-35.113-74.586z"
/>
<circle cx="255.008" cy="43.463" r="43.463" fill="url(#m)" />
<path
fill="url(#n)"
d="M274.45 4.584a43.285 43.285 0 0 1 4.584 19.442c0 24.004-19.459 43.463-43.463 43.463a43.268 43.268 0 0 1-19.442-4.584c7.136 14.242 21.865 24.021 38.879 24.021 24.004 0 43.463-19.459 43.463-43.463 0-17.014-9.778-31.743-24.021-38.879z"
/>
<circle cx="275.236" cy="410.031" r="9.088" fill="url(#o)" />
<path
fill="url(#p)"
d="M201.847 477.487c16.416 1.412 34.358 2.192 53.161 2.192 34.549 0 66.204-2.627 90.788-6.99l-67.322-67.322c-21.297 30.95-53.205 56.183-76.627 72.12z"
/>
<path
fill="url(#q)"
d="M278.474 405.367a6.189 6.189 0 0 0-8.525.931c-10.401 12.416-41.362 47.149-80.068 70.02-20.697 12.232-43.609 21.079-66.779 21.304-33.828.304-58.629-12.479-66.33-34.278-7.577-21.462 2.957-46.858 27.51-66.273 10.275-8.128 24.834-13.806 42.754-16.931a956.428 956.428 0 0 1 3.182-13.108c-22.406 3.226-40.596 10.039-53.615 20.337-28.825 22.799-40.888 53.491-31.49 80.09C54.535 494.16 83.158 510 121.82 510c.472 0 .933 0 1.405-.011 27.375-.27 56.515-10.961 86.925-31.849 8.173-5.621 16.459-11.996 24.812-19.089 21.538-18.289 37.425-36.331 44.493-44.819a6.186 6.186 0 0 0-.981-8.865z"
/>
<path
fill="url(#r)"
d="M462.979 396.16c-5.284-10.837-22.631-35.177-69.421-27.296-3.845.652-8.016 1.844-12.445 3.485a860.025 860.025 0 0 1 2.856 12.063c4.182-1.608 8.094-2.766 11.647-3.361 27.161-4.564 47.656 2.912 56.256 20.54 6.566 13.457 4.34 30.186-5.194 38.898-9.309 8.522-23.519 7.723-40.011-2.226a418.317 418.317 0 0 0-13.187-7.645 765.532 765.532 0 0 1 2.664 15.773c1.383.809 2.766 1.63 4.137 2.462 30.219 18.235 48.353 6.61 54.75.764 13.625-12.478 16.976-34.963 7.948-53.457z"
/>
</svg>
More icons in the same style and category