Add icons to this collection by clicking the heart icon.
Santa Hat icon - also known as christmas, santa claus, xmas, winter hat, santa hat, christmas hat, Father Christmas, and christmas cap. Created in a clean flat 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 64 64"
>
<linearGradient id="a">
<stop offset="0" stop-color="#f5624d" />
<stop offset=".505" stop-color="#cd231f" />
<stop offset="1" stop-color="#9a1a17" />
</linearGradient>
<linearGradient
id="b"
x1="32"
x2="32"
y1="-3.957"
y2="66.393"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="11.5"
x2="11.5"
y1="-3.957"
y2="66.393"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="19.5"
x2="19.5"
y1="-3.957"
y2="66.393"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="40"
x2="40"
y1="-3.957"
y2="66.393"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="51"
x2="51"
y1="-3.957"
y2="66.393"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="30"
x2="30"
y1="-3.957"
y2="66.393"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="31"
x2="31"
y1="-3.957"
y2="66.393"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M61.437 48.844c-2.156-1.333-4.956-.517-6.22-.025-.151-.142-.299-.259-.448-.39-.516-5.792-1.94-11.836-3.487-17.046.515.231 1.024.433 1.529.616A5.999 5.999 0 0 0 58 35c3.309 0 6-2.691 6-6s-2.691-6-6-6c-.387 0-.764.04-1.131.11-.922-1.609-1.68-3.578-2.465-5.674C51.49 9.668 47.863 0 32 0 12.085 0 7.313 35.517 6.251 48.18c-1.192-.141-2.53-.052-3.687.663C.862 49.895 0 51.966 0 55c0 7.653 3.547 9 11 9 5.082 0 7.763-1.538 8.982-2.561C21.131 62.462 23.591 64 27.999 64h8.002c4.408 0 6.868-1.538 8.017-2.561C45.237 62.462 47.918 64 53 64c7.453 0 11-1.347 11-9 0-3.034-.862-5.105-2.563-6.156zM18.85 40.63l-1.85-.7-1.85.7.09-1.98L14 37.11l1.91-.53L17 34.93l1.09 1.65 1.91.53-1.24 1.54zm10.06-4.05L30 34.93l1.09 1.65 1.91.53-1.24 1.54.09 1.98-1.85-.7-1.85.7.09-1.98L27 37.11zm17.09.53-1.24 1.54.09 1.98-1.85-.7-1.85.7.09-1.98L40 37.11l1.91-.53L43 34.93l1.09 1.65zM58 25c2.206 0 4 1.794 4 4s-1.794 4-4 4-4-1.794-4-4 1.794-4 4-4zm-5 37c-6.27 0-8.158-2.542-8.168-2.555a.998.998 0 0 0-.823-.44h-.012c-.326 0-.636.164-.822.431-.074.105-1.86 2.564-7.174 2.564h-8.002c-5.314 0-7.1-2.459-7.167-2.555a1.001 1.001 0 0 0-.82-.438c-.369.011-.644.158-.835.425C19.158 59.458 17.27 62 11 62c-6.973 0-9-.918-9-7 0-2.291.542-3.789 1.61-4.452 1.544-.96 4.093-.075 4.944.348.387.19.851.114 1.152-.188 6.17-6.17 10.412-2.169 10.586-2a1 1 0 0 0 1.564-.192c2.533-4.222 9.721-1.604 9.793-1.579a1 1 0 0 0 .699 0c.072-.026 7.26-2.643 9.793 1.579a1 1 0 0 0 .731.475c.3.039.61-.065.829-.278.177-.173 4.422-4.171 10.59 1.996.302.303.767.378 1.152.188.851-.422 3.399-1.308 4.944-.348C61.458 51.211 62 52.709 62 55c0 6.082-2.027 7-9 7z"
/>
<path
fill="url(#c)"
d="M11.707 52.293a.999.999 0 1 0-1.414 1.414l1 1a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414z"
/>
<path
fill="url(#d)"
d="M20.447 50.105a1 1 0 0 0-1.342.447l-1 2a1 1 0 1 0 1.79.895l1-2a1.001 1.001 0 0 0-.448-1.342z"
/>
<path
fill="url(#e)"
d="m40.293 49.293-2 2a.999.999 0 1 0 1.414 1.414l2-2a.999.999 0 1 0-1.414-1.414z"
/>
<path
fill="url(#f)"
d="m51.293 51.293-2 2a.999.999 0 1 0 1.414 1.414l2-2a.999.999 0 1 0-1.414-1.414z"
/>
<path
fill="url(#g)"
d="M29 52a.997.997 0 0 0 .707-.293l2-2a.999.999 0 1 0-1.414-1.414l-2 2A.999.999 0 0 0 29 52z"
/>
<path
fill="url(#h)"
d="m32.553 55.105-4 2a1 1 0 0 0 .894 1.79l4-2a1 1 0 0 0-.894-1.79z"
/>
</svg>
More icons in the same style and category