Add icons to this collection by clicking the heart icon.
Hat icon - also known as hat, summer, travel, holidays, sun, and vacation. Created in a clean detailed outline 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 12.7 12.7"
>
<path
d="M3.168-6.543a.132.132 0 0 0-.133.133c0 1.186.633 2.284 1.658 2.877a3.309 3.309 0 0 0 3.315 0A3.324 3.324 0 0 0 9.664-6.41a.132.132 0 0 0-.133-.133.132.132 0 0 0-.133.133c0 1.092-.58 2.1-1.523 2.646a3.045 3.045 0 0 1-3.05 0A3.055 3.055 0 0 1 3.3-6.41a.132.132 0 0 0-.133-.133z"
transform="scale(1 -1)"
color="#000"
display="inline"
visibility="visible"
color-interpolation="sRGB"
vector-effect="none"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="4"
stroke-dasharray="none"
stroke-dashoffset="0"
stroke-opacity="1"
color-rendering="auto"
opacity="1"
stroke-width=".26458333"
/>
<path
d="M6.25 6.018c-2.1.02-4.151.577-6.166 1.613a.132.132 0 0 0-.07.09c-.023.102 0 .199.045.318.043.12.116.255.216.399.202.286.523.598.985.83.923.462 2.396.586 4.543-.457 1.302-.588 2.26-1.213 3.65-1.157 1.078-.003 2.182.113 3.166.227.148.017.208-.184.074-.25-2.2-1.115-4.344-1.633-6.443-1.613Zm.002.26c1.766-.017 4.21.513 5.672 1.25-.806-.071-1.693-.16-2.46-.14-1.474-.06-2.49.604-3.773 1.182a.132.132 0 0 0-.003.002c-2.097 1.02-3.471.88-4.311.46a2.383 2.383 0 0 1-.885-.747 1.518 1.518 0 0 1-.183-.338c-.023-.061-.02-.081-.024-.111 1.958-.994 3.94-1.54 5.967-1.559Z"
color="#000"
display="inline"
visibility="visible"
opacity="1"
color-interpolation="sRGB"
vector-effect="none"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
stroke-width=".264583"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="4"
stroke-dasharray="none"
stroke-dashoffset="0"
stroke-opacity="1"
color-rendering="auto"
/>
<path
d="M12.607 7.668a.132.132 0 0 0-.078.031c-.822.695-2.13 1.141-3.42 1.299-1.29.158-2.563.024-3.293-.38a.132.132 0 0 0-.18.05.132.132 0 0 0 .053.18c.82.455 2.124.576 3.452.414 1.327-.163 2.676-.612 3.56-1.36a.132.132 0 0 0 .016-.187.132.132 0 0 0-.11-.047z"
color="#000"
display="inline"
visibility="visible"
color-interpolation="sRGB"
vector-effect="none"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="4"
stroke-dasharray="none"
stroke-dashoffset="0"
stroke-opacity="1"
color-rendering="auto"
opacity="1"
stroke-width=".26458333"
/>
<path
d="M6.453 4.352a.132.132 0 0 0-.137.127.132.132 0 0 0 .127.136c.972.04 1.905.29 2.746.62a.132.132 0 0 0 .17-.075.132.132 0 0 0-.074-.172c-.86-.338-1.823-.595-2.832-.636zm-1.443.125a.132.132 0 0 0-.024.002 6.61 6.61 0 0 0-1.502.513.132.132 0 0 0-.062.176.132.132 0 0 0 .176.062 6.333 6.333 0 0 1 1.441-.492.132.132 0 0 0 .104-.156.132.132 0 0 0-.133-.105zM6.455 5.06a7.32 7.32 0 0 0-3.203.64.132.132 0 0 0-.066.173.132.132 0 0 0 .173.068c2.118-.934 4.106-.714 6.069.002a.132.132 0 0 0 .17-.078.132.132 0 0 0-.08-.17c-1-.365-2.02-.606-3.063-.634z"
color="#000"
display="inline"
visibility="visible"
color-interpolation="sRGB"
vector-effect="none"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
stroke-linecap="round"
stroke-linejoin="miter"
stroke-miterlimit="4"
stroke-dasharray="none"
stroke-dashoffset="0"
stroke-opacity="1"
color-rendering="auto"
opacity="1"
stroke-width=".26458333"
/>
</svg>
More icons in the same style and category