Add icons to this collection by clicking the heart icon.
Hat icon - also known as hat, summer, fashion, woman, summertime, beach, pamela hat, and femenine. Created in a clean lineal color style with a white, gray, black, orange, and pink finish, 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0c0 11.601-6.819 21.608-16.668 26.236 3.69 10.235 1.439 22.13-6.763 30.333-8.203 8.202-20.098 10.453-30.333 6.763C-58.392 73.18-68.399 80-80 80s-21.608-6.82-26.236-16.668c-10.235 3.69-22.13 1.439-30.333-6.763-8.202-8.203-10.453-20.098-6.763-30.333C-153.18 21.608-160 11.601-160 0s6.82-21.608 16.668-26.236c-3.69-10.235-1.439-22.13 6.763-30.333 8.203-8.202 20.098-10.453 30.333-6.763C-101.608-73.18-91.601-80-80-80s21.608 6.82 26.236 16.668c10.235-3.69 22.13-1.439 30.333 6.763 8.202 8.203 10.453 20.098 6.763 30.333C-6.819-21.608 0-11.601 0 0"
transform="translate(487.143 326.25)"
fill="#e7faff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-17.673-14.327-32-32-32-17.673 0-32 14.327-32 32 0 17.673 14.327 32 32 32C-14.327 32 0 17.673 0 0"
transform="translate(439.143 326.25)"
fill="#e7886e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-70.969 0-128.5-57.531-128.5-128.5v-40h257v40C128.5-57.531 70.969 0 0 0"
transform="translate(256 440.25)"
fill="#f9ef80"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a129.094 129.094 0 0 1-25 2.439c-70.969 0-128.5-57.532-128.5-128.5v-40h50v40C-103.5-63.648-59-11.635 0 0"
transform="translate(281 437.811)"
fill="#f9d171"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-12"
transform="translate(193.553 387.19)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-12"
transform="translate(318.45 387.19)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c4.003-4.594 9.892-7.501 16.464-7.501 6.572 0 12.461 2.907 16.465 7.501"
transform="translate(239.537 375.547)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-257c-11.046 0-20-8.954-20-20v-40H20v40C20-8.954 11.046 0 0 0"
transform="translate(384.5 311.75)"
fill="#ffaa3e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-80c-11.046 0-20-8.954-20-20v-40h80v40C-20-8.954-11.046 0 0 0"
transform="translate(207.5 311.75)"
fill="#ff9100"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-116.5 0-148.499-100-148.499-100v-.001C-108.124-150.001-67.749-200 0-200c55.228 0 100 44.772 100 100C100-44.771 55.228 0 0 0"
transform="translate(404.5 271.75)"
fill="#f9d171"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c6.435-7.969 12.869-15.938 19.415-23.704 1.314 1.624 2.622 3.244 3.924 4.856C61.836 28.827 95.083 100 148.499 100 31.999 100 0 0 0 0"
transform="translate(256.001 171.75)"
fill="#ffbe6b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-55.228 0-100-44.771-100-100 0-55.228 44.772-100 100-100C135.5-200 161.5 0 297 0z"
transform="translate(107.5 271.75)"
fill="#f9ef80"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 55.229 44.772 100 100 100H40C-15.228 100-60 55.229-60 0c0-55.228 44.772-100 100-100 11.375 0 21.976 1.415 31.937 3.998C30.37-83.872 0-45.485 0 0"
transform="translate(67.5 171.75)"
fill="#f9d171"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a28.831 28.831 0 0 1 12.946 7.49c8.202 8.203 10.453 20.098 6.764 30.333 9.848 4.628 16.667 14.635 16.667 26.236S29.558 85.667 19.71 90.295c3.689 10.235 1.438 22.13-6.764 30.333-8.202 8.202-20.098 10.453-30.333 6.763-4.627 9.849-14.634 16.668-26.236 16.668-11.601 0-21.608-6.819-26.235-16.668a29.086 29.086 0 0 1-20.829-.433"
transform="translate(450.765 262.191)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c5.791 8.224 15.359 13.597 26.182 13.597 17.673 0 32-14.326 32-32 0-17.673-14.327-32-32-32-.424 0-.846.009-1.267.025"
transform="translate(380.96 344.653)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-17.098-21.509-27.447-48.625-27.843-78.143"
transform="translate(155.354 391.65)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-.936 70.162-58.104 126.75-128.488 126.75v0c-30.077 0-57.739-10.333-79.633-27.642"
transform="translate(384.488 313.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v18.75c0 11.046-8.954 20-20 20h-257c-11.046 0-20-8.954-20-20V.25"
transform="translate(404.5 273)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c40.241-49.833 80.572-99.5 148.096-99.5 55.228 0 100 44.772 100 100 0 55.229-44.772 100-100 100"
transform="translate(256.404 171.25)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c26.826 25.144 57.591 43.092 98.183 43.092h-297c-55.228 0-100-44.771-100-100 0-55.228 44.772-100 100-100 83.99 0 125.908 76.843 177.911 135.267"
transform="translate(306.317 228.658)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category