Add icons to this collection by clicking the heart icon.
Hat icon - also known as christmas, hat, fashion, stripes, festive, and pattern. Created in a clean blue 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 60 60"
>
<defs>
<style>
.cls-1 {
fill: #a4c2f7;
}
.cls-2 {
fill: #7facfa;
}
.cls-3 {
fill: #e8edfc;
}
.cls-4 {
fill: #cad9fc;
}
.cls-5 {
fill: #fff;
}
.cls-6 {
fill: #428dff;
}
</style>
</defs>
<g id="Icons">
<path
d="m57.18 45.82-6.23 6.23a1 1 0 0 1-1.59-.22L45.09 44h12.02c.03.63.05 1.24.07 1.82Z"
class="cls-1"
/>
<path
d="M57.11 44h-3c.03.63.05 1.24.07 1.82l-5.24 5.24.42.77a1 1 0 0 0 1.59.22l6.23-6.23c-.02-.58-.04-1.19-.07-1.82Z"
class="cls-2"
/>
<path
d="m42.73 44-4.89 7.67a.991.991 0 0 1-1.68 0L31.27 44ZM28.73 44l-4.89 7.67a.991.991 0 0 1-1.68 0L17.27 44ZM14.91 44l-4.27 7.83a1 1 0 0 1-1.59.22l-6.09-6.09A15.88 15.88 0 0 1 3.18 44Z"
class="cls-1"
/>
<path
d="M57.11 44H45.09l-.28-.51a1 1 0 0 0-1.72-.06l-.36.57H31.27l-.43-.67a.991.991 0 0 0-1.68 0l-.43.67H17.27l-.36-.57a1 1 0 0 0-1.72.06l-.28.51H3.18c1.94-10.55 14.86-18.86 15.77-28 .63-6.34-4.35-8.26-8.09-8.81l.12-2.54C22.01 2.47 44.98-.06 51 15.06A91.1 91.1 0 0 1 57.11 44Z"
class="cls-3"
/>
<path
d="M51 15.06C47 5.018 35.529 2.765 25.041 3.02c9.594.243 19.34 2.95 22.959 12.04A91.1 91.1 0 0 1 54.11 44h3A91.1 91.1 0 0 0 51 15.06Z"
class="cls-4"
/>
<path
d="M11 6a4.937 4.937 0 0 1-.48 2.14 5.014 5.014 0 1 1 .46-2.49A2 2 0 0 1 11 6Z"
class="cls-3"
/>
<path
d="M10.98 5.65A4.987 4.987 0 0 0 6 1a4.939 4.939 0 0 0-1.495.253A4.97 4.97 0 0 1 7.98 5.65 2 2 0 0 1 8 6a4.937 4.937 0 0 1-.48 2.14 5.011 5.011 0 0 1-2.991 2.614A4.946 4.946 0 0 0 6 11a5.006 5.006 0 0 0 4.52-2.86A4.937 4.937 0 0 0 11 6a2 2 0 0 0-.02-.35Z"
class="cls-4"
/>
<path
d="M59 46.41V57a2.006 2.006 0 0 1-2 2H3a2.006 2.006 0 0 1-2-2V46.41a1 1 0 0 1 1.71-.7l.25.25 6.09 6.09a1 1 0 0 0 1.59-.22L14.91 44l.28-.51a1 1 0 0 1 1.72-.06l.36.57 4.89 7.67a.991.991 0 0 0 1.68 0L28.73 44l.43-.67a.991.991 0 0 1 1.68 0l.43.67 4.89 7.67a.991.991 0 0 0 1.68 0L42.73 44l.36-.57a1 1 0 0 1 1.72.06l.28.51 4.27 7.83a1 1 0 0 0 1.59.22l6.23-6.23.11-.11a1 1 0 0 1 1.71.7Z"
class="cls-3"
/>
<path
d="m57.29 45.71-.11.11L56 47v10a2.006 2.006 0 0 1-2 2h3a2.006 2.006 0 0 0 2-2V46.41a1 1 0 0 0-1.71-.7Z"
class="cls-4"
/>
<path
d="M56.39 36H6.63c1.77-2.76 3.95-5.4 5.98-8h42.35c.63 2.8 1.09 5.49 1.43 8Z"
class="cls-1"
/>
<path
d="M54.96 28h-3c.63 2.8 1.09 5.49 1.43 8h3c-.34-2.51-.8-5.2-1.43-8Z"
class="cls-2"
/>
<path
d="M18.95 16a8.168 8.168 0 0 0-.49-4H49.4a16.1 16.1 0 0 1 1.6 3.06q.99 2.49 1.77 4.94H17.83a12.832 12.832 0 0 0 1.12-4Z"
class="cls-1"
/>
<path
d="M51 15.06A16.1 16.1 0 0 0 49.4 12h-3a16.1 16.1 0 0 1 1.6 3.06q.99 2.49 1.77 4.94h3q-.78-2.445-1.77-4.94Z"
class="cls-2"
/>
</g>
<g id="Whites">
<path
d="M7.539 10.751a4.966 4.966 0 0 1-.034-9.5 4.99 4.99 0 1 0 .034 9.5ZM4 57V46.41a1 1 0 0 1 1.71-.7l.25.25C6.41 36.053 17.2 28.23 20.832 20c-.1 0 2.221-4.176.628-8-1.319-3.22-4.808-4.4-7.6-4.81.005-.1.026 0-.242.671A7.588 7.588 0 0 1 18.465 12c1.036 2.487.469 5.542-.63 8C14.192 28.252 3.41 36.058 2.96 45.96l-.25-.25a1 1 0 0 0-1.71.7V57a2.006 2.006 0 0 0 2 2h3a2.006 2.006 0 0 1-2-2Z"
class="cls-5"
/>
</g>
<g id="Icons_copy">
<path d="M0 46.414h2v8H0z" class="cls-5" />
<circle cx="1" cy="50.414" r="1" class="cls-6" />
<path
d="M58.765 44.566a1.983 1.983 0 0 0-.637-.141 92.464 92.464 0 0 0-6.2-29.736C45.883-.491 24.284 1.1 11.463 3.54a6 6 0 1 0 .062 4.781c4.674.913 6.84 3.459 6.43 7.579-.426 4.263-3.742 8.46-7.252 12.905-3.83 4.848-7.771 9.85-8.595 15.632a1.976 1.976 0 0 0-.873.129A2 2 0 0 0 0 46.414a1 1 0 0 0 2 0l6.347 6.347a2 2 0 0 0 3.171-.455l4.548-8.339 5.246 8.243a2 2 0 0 0 3.375 0L30 43.863l5.312 8.347a2 2 0 0 0 3.375 0l5.247-8.244 4.548 8.34a2 2 0 0 0 3.17.455L58 46.414V57a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-2.586a1 1 0 0 0-2 0V57a3 3 0 0 0 3 3h54a3 3 0 0 0 3-3V46.414a2 2 0 0 0-1.235-1.848ZM6 10a4 4 0 1 1 4-4 4 4 0 0 1-4 4Zm47.7 17H14.64a36.482 36.482 0 0 0 3.834-6h33.572a85.592 85.592 0 0 1 1.654 6Zm-2.315-8H19.3a13.079 13.079 0 0 0 .648-2.9 10.253 10.253 0 0 0-.138-3.1h29.035a15.516 15.516 0 0 1 1.226 2.43A79.173 79.173 0 0 1 51.386 19ZM11.98 6.375c.007-.125.02-.249.02-.375a3.132 3.132 0 0 0-.033-.521C20.916 3.792 39.223 1.752 47.355 11H19.107c-1.207-2.334-3.62-3.921-7.127-4.625Zm.292 23.669L13.095 29h41.057c.442 2.073.8 4.08 1.075 6H8.508c1.179-1.68 2.478-3.327 3.764-4.956Zm-2.51 21.3L4 45.582c.015-.194.027-.389.051-.582h9.178ZM23 51.137 19.1 45h7.81Zm14 0L33.094 45h7.811Zm5.246-8.244-.068.107H31.821l-.134-.21a2 2 0 0 0-3.375 0l-.134.21H17.822l-.069-.107A1.959 1.959 0 0 0 16 41.968 1.979 1.979 0 0 0 14.318 43H4.442a22.561 22.561 0 0 1 2.74-6H55.5a96.15 96.15 0 0 1 .555 6H45.682A1.979 1.979 0 0 0 44 41.968a1.958 1.958 0 0 0-1.754.925Zm7.992 8.456L46.775 45h9.374l.016.421Z"
class="cls-6"
/>
</g>
</svg>
More icons in the same style and category