Add icons to this collection by clicking the heart icon.
Hat icon - also known as hat, birthday, party, celebration, hats, fun, and birthday and party. Created in a clean lineal color style with a black, green, and orange 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="100"
height="100"
viewBox="0 0 512 512"
>
<path
d="m256.001 9.55 191.815 453.924a491.484 491.484 0 0 1-383.63 0L256.001 9.55z"
fill="#31af0e"
/>
<path
d="m417.019 390.578 30.802 72.899c-61.299 25.989-126.558 38.977-191.816 38.977s-130.518-12.988-191.816-38.977l30.802-72.899A491.702 491.702 0 0 0 256.018 417.7a491.536 491.536 0 0 0 160.989-27.122h.012z"
fill="#f7b239"
/>
<path
d="M456.612 459.756 264.797 5.833a9.548 9.548 0 0 0-17.592 0L55.388 459.756c-2.051 4.855.218 10.453 5.069 12.511C122.655 498.631 188.445 512 255.999 512s133.345-13.369 195.541-39.733c4.854-2.057 7.124-7.656 5.072-12.511zM256.001 34.085l148.201 350.712c-47.929 15.499-97.729 23.352-148.19 23.352-50.456 0-100.263-7.853-148.212-23.353L256.001 34.085zm0 458.815c-61.794 0-122.056-11.629-179.27-34.58l23.612-55.876C150.677 418.899 203 427.25 256.012 427.25c53.018 0 105.332-8.351 155.648-24.805l23.61 55.874C378.057 481.27 317.795 492.9 256.001 492.9z"
fill="#333"
/>
<path
d="M180.005 343.051a9.521 9.521 0 0 0 6.754 2.798 9.517 9.517 0 0 0 6.753-2.798l7.298-7.298 7.298 7.298a9.523 9.523 0 0 0 6.753 2.798 9.52 9.52 0 0 0 6.754-2.798c3.73-3.73 3.73-9.777-.001-13.506l-7.296-7.296 7.296-7.296c3.731-3.73 3.731-9.777.001-13.506-3.73-3.728-9.777-3.73-13.505 0l-7.298 7.298-7.298-7.298c-3.728-3.73-9.775-3.728-13.505 0-3.73 3.73-3.73 9.777.001 13.506l7.296 7.296-7.296 7.296c-3.733 3.73-3.733 9.777-.005 13.506zM316.546 376.06a9.521 9.521 0 0 0 6.754 2.798 9.52 9.52 0 0 0 6.754-2.798l7.296-7.296 7.296 7.296c1.865 1.864 4.31 2.798 6.754 2.798s4.888-.932 6.754-2.798c3.73-3.73 3.73-9.777 0-13.506l-7.296-7.296 7.296-7.296c3.73-3.73 3.73-9.777 0-13.506-3.73-3.728-9.775-3.73-13.506 0l-7.296 7.296-7.296-7.296c-3.731-3.73-9.777-3.73-13.506 0s-3.73 9.777 0 13.506l7.296 7.296-7.296 7.296c-3.734 3.731-3.734 9.777-.004 13.506zM260.985 196.415a9.548 9.548 0 0 0 0 13.505l7.296 7.298-7.296 7.298c-3.73 3.73-3.73 9.777 0 13.505a9.523 9.523 0 0 0 6.754 2.798 9.52 9.52 0 0 0 6.754-2.798l7.296-7.296 7.296 7.296a9.521 9.521 0 0 0 6.754 2.798 9.52 9.52 0 0 0 6.754-2.798 9.548 9.548 0 0 0 0-13.505l-7.296-7.298 7.296-7.298c3.73-3.73 3.73-9.777 0-13.505-3.731-3.73-9.777-3.73-13.506 0l-7.296 7.296-7.296-7.296c-3.732-3.729-9.778-3.73-13.51 0z"
fill="#333"
/>
<circle cx="388.115" cy="443.9" r="9.55" fill="#333" />
<circle cx="322.054" cy="458.544" r="9.55" fill="#333" />
<circle cx="256.006" cy="461.332" r="9.55" fill="#333" />
<circle cx="189.945" cy="457.143" r="9.55" fill="#333" />
<circle cx="123.884" cy="442.5" r="9.55" fill="#333" />
<circle cx="142.245" cy="371.396" r="9.55" fill="#333" />
<circle cx="228.005" cy="377.674" r="9.55" fill="#333" />
<circle cx="280.288" cy="308.646" r="9.55" fill="#333" />
<circle cx="217.538" cy="239.631" r="9.55" fill="#333" />
<circle cx="263.557" cy="126.685" r="9.55" fill="#333" />
</svg>
More icons in the same style and category