Add icons to this collection by clicking the heart icon.
Hat icon - also known as hat, fashion, heart, bucket, 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: #e8edfc;
}
.cls-2 {
fill: #cad9fc;
}
.cls-3 {
fill: #a4c2f7;
}
.cls-4 {
fill: #7facfa;
}
.cls-5 {
fill: #fff;
}
.cls-6 {
fill: #428dff;
}
</style>
</defs>
<g id="Icons">
<path
d="M57.17 47.45c-10 4.187-27.255 6.276-43.43 3.12a59.856 59.856 0 0 1-10.91-3.12 3 3 0 0 1-1.54-4.04l7.6-14.11.11-.2 4-17 .12-.08c2.317 4.132 31.426 4.142 33.76 0l.12.08 4 17 .98 1.82 2.83 5.26h.01l3.89 7.23a3 3 0 0 1-1.54 4.04Z"
class="cls-1"
/>
<path
d="m58.71 43.41-3.89-7.23h-.01c-.056-.1-3.865-7.181-3.81-7.08l-4-17-.12-.08a4.648 4.648 0 0 1-2.548 1.493L46.35 22.1l1.65 7 .11.2.87 1.62 2.83 5.26h.01l3.89 7.23a3 3 0 0 1-1.54 4.04c-5.515 2.31-14.964 4.474-25.97 4.627 11.83.238 22.652-1.981 28.97-4.627a3 3 0 0 0 1.54-4.04Z"
class="cls-2"
/>
<path
d="M24 23.54c0 1.855-1.732 3.1-4.281 5.377a.332.332 0 0 1-.438 0c-2.461-2.2-4.525-3.618-4.255-5.768A2.3 2.3 0 0 1 17.25 21c1.733 0 2.034 1.677 2.512 1.049A2.493 2.493 0 0 1 21.75 21 2.367 2.367 0 0 1 24 23.54Z"
class="cls-3"
/>
<path
d="M21.75 21a2.34 2.34 0 0 0-1.55.587 2.676 2.676 0 0 1 .8 1.953c0 1.521-1.176 2.639-3 4.246 1.28 1.126 1.432 1.389 1.72 1.131C22.268 26.638 24 25.4 24 23.54A2.367 2.367 0 0 0 21.75 21Z"
class="cls-4"
/>
<path
d="M18 44.5c0 2.17-1.67 3.73-4.26 6.07-2.38-.465-3.738-.837-4.64-1.06-5.218-4.722-2.7-8.5-.1-8.5 2.327 0 2.69 2.32 3.35 1.44A3.314 3.314 0 0 1 15 41.01a3.221 3.221 0 0 1 3 3.49Z"
class="cls-3"
/>
<path
d="M15 41.01a2.977 2.977 0 0 0-1.547.431A3.566 3.566 0 0 1 15 44.5c0 2-1.435 3.495-3.693 5.554q1.161.267 2.433.516c2.59-2.34 4.26-3.9 4.26-6.07a3.221 3.221 0 0 0-3-3.49Z"
class="cls-4"
/>
<path
d="M44 45.5c0 2.16-1.66 3.72-4.25 6.06-1.02.12-2.08.22-3.17.29a24.956 24.956 0 0 1-3.65-3.69c-3.052-4.324 1.944-8.432 4.72-4.71a.43.43 0 0 0 .7 0C40.359 40.755 44 42.07 44 45.5Z"
class="cls-3"
/>
<path
d="M39.453 42.441A3.566 3.566 0 0 1 41 45.5c0 2.16-1.66 3.72-4.25 6.06-.144.017-.3.03-.44.046l.27.244c1.09-.07 2.15-.17 3.17-.29 2.59-2.34 4.25-3.9 4.25-6.06 0-2.782-2.469-4.3-4.547-3.059Z"
class="cls-4"
/>
<path
d="M47 11.6a.85.85 0 0 1-.12.42c-2.346 4.17-31.409 4.18-33.76 0a.84.84 0 0 1-.12-.42c0-1.96 7.57-3.54 17-3.59 9.429.05 17 1.63 17 3.59Z"
class="cls-1"
/>
<path
d="M30 8.01c-.507 0-1 .012-1.5.023 8.718.2 15.5 1.712 15.5 3.567a.85.85 0 0 1-.12.42c-.933 1.658-7.326 2.969-15.38 3.149 3.84.086 16.812-.362 18.38-3.149a.85.85 0 0 0 .12-.42c0-1.96-7.571-3.54-17-3.59Z"
class="cls-2"
/>
<path
d="m51.11 29.3-.11.06a27.7 27.7 0 0 1-7.95 3.63c-2.348-2.275-4.281-4.106-4.01-7.23A3.932 3.932 0 0 1 42.75 22c3.041 0 3.326 3.019 4.19 1.84a4.339 4.339 0 0 1 2.41-1.74l1.65 7Z"
class="cls-3"
/>
<path
d="m51 29.1-1.65-7a5.1 5.1 0 0 0-2.56 1.867L48 29.1l.11.2-.11.06a25.062 25.062 0 0 1-5.73 2.876l.78.754A27.7 27.7 0 0 0 51 29.36l.11-.06Z"
class="cls-4"
/>
<path
d="M25.96 40.01a.291.291 0 0 1-.39 0c-2.035-1.809-4.679-3.553-3.54-5.83a48.646 48.646 0 0 0 7.69.66c.493 1.848-1.82 3.472-3.76 5.17Z"
class="cls-3"
/>
<path
d="M29.72 34.84a48.379 48.379 0 0 1-7.69-.66 2.492 2.492 0 0 0-.153.387 47.574 47.574 0 0 0 4.843.273c.418 1.566-1.238 2.981-2.451 4.035 1.239 1.074 1.426 1.375 1.691 1.135 1.647-1.444 4.267-3.271 3.76-5.17Z"
class="cls-4"
/>
<path
d="M55.99 38.36c-.08 1.55-1.6 2.63-3.8 4.57a.3.3 0 0 1-.38 0c-2.041-1.792-3.972-3.046-3.79-5.05a2.043 2.043 0 0 1 3.75-.96c.4.553.679-.92 2.23-.92a1.786 1.786 0 0 1 .81.18h.01Z"
class="cls-3"
/>
<path
d="M54.82 36.18h-.01a2.133 2.133 0 0 0-2.59.745l.77 1.435c-.063 1.217-1.021 2.15-2.492 3.431.405.352.837.722 1.312 1.139a.3.3 0 0 0 .38 0c2.2-1.94 3.72-3.02 3.8-4.57Z"
class="cls-4"
/>
<path
d="M31.77 21.9a.423.423 0 0 1-.54 0c-1.437-1.321-5.876-4.852-5.22-6.82a72.93 72.93 0 0 0 10.98-.23c.243 2.672-2.659 4.703-5.22 7.05Z"
class="cls-3"
/>
<path
d="M36.99 14.85a68.01 68.01 0 0 1-2.993.223c.023 2.24-1.841 3.773-4 5.713 1.142 1.026 1.4 1.436 1.77 1.114 3.001-2.748 5.453-4.522 5.223-7.05Z"
class="cls-4"
/>
</g>
<path
id="Whites"
d="M2.83 47.45a57.391 57.391 0 0 0 8.477 2.6A84.451 84.451 0 0 0 31.2 52.077a88.261 88.261 0 0 1-14.46-1.507 59.5 59.5 0 0 1-10.91-3.12 3 3 0 0 1-1.54-4.04l7.6-14.11c.164-.3 3.972-17.056 4.11-17.7.387-1.814 6.781-3.367 15.5-3.567-.5-.011-.994-.02-1.5-.023-9.43.05-17 1.63-17 3.59a.84.84 0 0 0 .12.42c-.183.122.181-1.2-4.12 17.08-.171.311-7.355 13.652-7.71 14.31a3 3 0 0 0 1.54 4.04Z"
class="cls-5"
/>
<g id="Icons_copy">
<path
d="m.41 42.937 3.785-7.048 1.762.946-3.784 7.049z"
class="cls-5"
/>
<path
d="M22.739 20.167a3.284 3.284 0 0 0-3.239.7 3.276 3.276 0 0 0-3.238-.7A3.44 3.44 0 0 0 14 23.541c0 2.124 1.787 3.668 3.678 5.3.31.268.625.54.937.82a1.33 1.33 0 0 0 1.771 0c.33-.3.647-.574.947-.837C23.462 26.956 25 25.605 25 23.541a3.44 3.44 0 0 0-2.261-3.374Zm-2.726 7.156-.514.452-.513-.444C17.451 26 16 24.75 16 23.541a1.443 1.443 0 0 1 .9-1.479 1.175 1.175 0 0 1 .381-.062 1.485 1.485 0 0 1 1.161.655 1.37 1.37 0 0 0 2.116 0 1.373 1.373 0 0 1 1.543-.592 1.442 1.442 0 0 1 .9 1.479c-.001 1.108-.971 2.009-2.988 3.781ZM3.206 40.888a1 1 0 0 1-.011-2h.011a1 1 0 1 1 0 2Z"
class="cls-6"
/>
<path
d="M1.718 42.506a1 1 0 0 0-1.332.476 4 4 0 0 0 2.056 5.39c7.453 3.135 17.486 4.7 27.531 4.7 8.834 0 19.38-1.266 27.589-4.7a3.993 3.993 0 0 0 2.028-5.434l-7.6-14.113L48 11.6c-1.059-4.585-16.153-4.58-18.006-4.59-1.842.01-16.813-.457-17.994 4.59-.035.147-3.942 17.138-3.942 17.138L4.2 35.891a1 1 0 0 0 .408 1.354 1 1 0 0 0 1.354-.408c.056-.1 3.349-6.219 3.293-6.116a22.344 22.344 0 0 0 2.34 1.268 37.47 37.47 0 0 0 9.178 2.968c-.258 2.417 2.363 4.226 4.127 5.793a1.284 1.284 0 0 0 .872.338 1.255 1.255 0 0 0 .849-.326c1.6-1.4 3.839-3.012 4.136-4.939 8.5-.12 15.431-2.326 19.983-5.1l2.377 4.418a3.192 3.192 0 0 0-1.117.584 3.048 3.048 0 0 0-2.748-.626 3.085 3.085 0 0 0-2.229 2.691c-.224 2.463 1.649 3.716 4.118 5.884A1.283 1.283 0 0 0 52 44a1.264 1.264 0 0 0 .849-.319 26.711 26.711 0 0 0 3.23-3.046l1.725 3.2a1.995 1.995 0 0 1-1.022 2.69 58.984 58.984 0 0 1-14.16 3.689C44.042 48.755 45 47.323 45 45.5a4.345 4.345 0 0 0-2.829-4.3A3.979 3.979 0 0 0 38 42.322a3.978 3.978 0 0 0-4.168-1.122A4.347 4.347 0 0 0 31 45.5c0 2.183 1.5 3.945 3.151 5.5a89.894 89.894 0 0 1-18.3-1.015C17.687 48.241 19 46.638 19 44.5a4.345 4.345 0 0 0-2.829-4.3A3.98 3.98 0 0 0 12 41.323a4.041 4.041 0 0 0-3.94-1.191 4.22 4.22 0 0 0-3.023 3.721 5.465 5.465 0 0 0 .971 3.733 43.15 43.15 0 0 1-2.785-1.056 1.993 1.993 0 0 1-1.029-2.692 1 1 0 0 0-.476-1.332Zm41.59-10.658a10.977 10.977 0 0 1-3.156-4.25 4.416 4.416 0 0 1-.12-1.715 3.062 3.062 0 0 1 2.143-2.809 2.906 2.906 0 0 1 3.078 1.356 1.6 1.6 0 0 0 2.5-.011 3.87 3.87 0 0 1 .9-.9l1.256 5.338a29.286 29.286 0 0 1-6.601 2.991ZM29.994 9.01c9.573.051 15.256 1.644 15.969 2.585C44.455 13.493 33.688 14.207 30 14.19c-9.885-.045-15.227-1.691-15.967-2.6.721-.938 6.404-2.529 15.961-2.58Zm5.878 6.928c-.377 1.246-1.663 2.416-3.6 4.162-.25.224-.509.457-.769.693l-.765-.687c-1.658-1.483-3.089-2.773-3.552-3.984 1.006.041 1.965.064 2.821.068a81.04 81.04 0 0 0 5.865-.252ZM10.079 28.882l3.568-15.164c2.4 1.325 7.125 2 11.432 2.292.031.173.066.335.1.46.534 1.829 2.243 3.357 4.222 5.127.376.337.763.682 1.173 1.059a1.4 1.4 0 0 0 .918.34 1.454 1.454 0 0 0 .953-.359c.4-.37.792-.72 1.16-1.051 2.348-2.112 4.077-3.693 4.34-5.843 3.351-.369 6.561-1.006 8.408-2.023l1.825 7.759a5.358 5.358 0 0 0-1.68 1.3 4.784 4.784 0 0 0-4.813-1.648 5.06 5.06 0 0 0-3.642 4.538 6.472 6.472 0 0 0 .188 2.483 10.908 10.908 0 0 0 2.881 4.334c-9.43 2.419-20.728 1.548-28.7-2.323a23.113 23.113 0 0 1-2.333-1.281Zm15.688 9.973c-1.186-1.015-2.952-2.361-2.983-3.553a49.19 49.19 0 0 0 5.892.507c-.393.998-1.94 2.213-2.909 3.046ZM52 41.769c-1.926-1.663-3.1-2.528-2.988-3.757a1.079 1.079 0 0 1 .755-.98 1.141 1.141 0 0 1 1.2.479 1.351 1.351 0 0 0 2.062.016A1.227 1.227 0 0 1 54 37a.742.742 0 0 1 .132.013l.82 1.523c-.218.987-1.71 2.153-2.952 3.233ZM33 45.5a2.34 2.34 0 0 1 1.461-2.4 2.13 2.13 0 0 1 2.39.949 1.471 1.471 0 0 0 2.3 0 2.135 2.135 0 0 1 2.389-.946A2.34 2.34 0 0 1 43 45.5c0 1.643-1.343 2.982-3.71 5.126q-1.166.12-2.347.209C35.372 49.44 33 47.493 33 45.5ZM7.022 44.1a2.235 2.235 0 0 1 1.546-2.03 2.181 2.181 0 0 1 2.283.985 1.471 1.471 0 0 0 2.3 0 2.133 2.133 0 0 1 2.389-.946A2.34 2.34 0 0 1 17 44.5c0 1.618-1.307 2.946-3.611 5.037q-1.9-.38-3.71-.854C7.9 47.056 6.832 45.71 7.022 44.1Z"
class="cls-6"
/>
</g>
</svg>
More icons in the same style and category