Add icons to this collection by clicking the heart icon.
Hat icon - also known as hat, fashion, costume, top hat, ireland, Saint Patrick, Irish, leprechaun, cultures, and St Patricks Day. Created in a clean outline color style with a silver, gray, yellow, olive, lime, teal, 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="512"
height="512"
viewBox="0 0 64 64"
>
<path fill="#f96d3a" d="M36 40v4h-8v-8h8z" />
<path fill="#bb522c" d="M36 36v8h-8a3 3 0 0 1 3-3h2v-2a3 3 0 0 1 3-3z" />
<path
fill="#55556c"
d="M36 40v-4h-8v8h8zm4-4v10c0 1.1-.9 2-2 2H26c-1.1 0-2-.9-2-2V34c0-1.1.9-2 2-2h12c1.1 0 2 .9 2 2z"
/>
<path
fill="#44444f"
d="M40 34v12c0 1.1-.9 2-2 2H26c-1.1 0-2-.9-2-2h12c1.1 0 2-.9 2-2V32c1.1 0 2 .9 2 2z"
/>
<path fill="#ffe966" d="m49.34 36-.15 8H40v-8zM24 36v8h-9.19l-.15-8z" />
<path
fill="#fbae17"
d="m49.34 36-.15 8H40v-4h.88c2.23 0 4.05-1.78 4.11-4z"
/>
<path fill="#ffe966" d="M44.99 36c-.06 2.22-1.88 4-4.11 4H40v-4z" />
<path fill="#fbae17" d="M24 40v4h-9.19a3.932 3.932 0 0 1 3.931-4z" />
<path fill="#ffe966" d="M24 36v4h-9.26l-.08-4z" />
<path
fill="#1ef36d"
d="M63 56v5c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2v-5c0-1.1.9-2 2-2h58c1.1 0 2 .9 2 2z"
/>
<path
fill="#107d61"
d="M63 56v5c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2a3 3 0 0 1 3-3h51.33A3.67 3.67 0 0 0 59 54.33V54h2c1.1 0 2 .9 2 2z"
/>
<path
fill="#1ef36d"
d="M49.19 44 49 54H15l-.19-10H24v2c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-2zM45.92 1c2.24 0 4.05 1.84 4 4.08L49.34 36H40v-2c0-1.1-.9-2-2-2H26c-1.1 0-2 .9-2 2v2h-9.34l-.58-30.92a3.998 3.998 0 0 1 4-4.08z"
/>
<path
fill="#0ec06a"
d="M49.19 44 49 54H15a5.892 5.892 0 0 1 5.891-6h4.489c.14 0 .28 0 .41-.01h.01c.06.01.13.01.2.01h12c1.1 0 2-.9 2-2v-2zM49.92 5.08 49.34 36H40v-2c0-.07 0-.14-.01-.2v-.01c.01-.13.01-.27.01-.41V6.92A5.92 5.92 0 0 1 45.92 1c2.24 0 4.05 1.84 4 4.08z"
/>
<g fill="#88ffb4">
<path
d="M21.845 3.744c-3.987.528-5.645 4.233-5.312 7.929.171 1.907 3.173 1.926 3 0-.155-1.719.049-4.629 2.312-4.929.809-.107 1.491-.613 1.5-1.5.007-.729-.697-1.607-1.5-1.5zM18.333 15c-1.93 0-1.934 3 0 3 1.931 0 1.934-3 0-3zM6.656 56.648c-.668-.321-1.544-.13-1.737.677-.107.45.093.92.482 1.167.035.022.07.031.105.048.079.051.161.092.243.118l.035.011a.922.922 0 0 0 .905-.239l.025-.027a.97.97 0 0 0 .234-.438c.012-.017.029-.026.04-.045.239-.406.123-1.054-.332-1.272zM5.593 59.301c-.145-.005-.226.038-.331.131a.26.26 0 0 0-.065.334c-.062.246.179.537.435.354.18-.128.281-.282.272-.509a.318.318 0 0 0-.311-.31z"
/>
</g>
<path
d="M61 53H50.019l.17-8.992.002-.008-.001-.007.734-38.899c.025-1.353-.481-2.63-1.43-3.596S47.277 0 45.924 0H18.076c-1.354 0-2.621.532-3.569 1.499s-1.455 2.244-1.43 3.596l.734 38.899-.001.007.002.008.169 8.991H3c-1.654 0-3 1.346-3 3v5c0 1.654 1.346 3 3 3h58c1.654 0 3-1.346 3-3v-5c0-1.654-1.346-3-3-3zm-36-9V34c0-.551.448-1 1-1h12c.552 0 1 .449 1 1v5h-2v-3a1 1 0 0 0-1-1h-8a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-3h2v5c0 .551-.448 1-1 1H26c-.552 0-1-.449-1-1zm8-3h2v2h-6v-6h6v2h-2a1 1 0 1 0 0 2zm8-4h7.32l-.113 6H41zM15.935 2.899A2.976 2.976 0 0 1 18.076 2h27.848c.813 0 1.572.319 2.142.899.568.58.873 1.346.857 2.157L48.358 35H41v-1c0-1.654-1.346-3-3-3H26c-1.654 0-3 1.346-3 3v1h-4.34a1 1 0 1 0 0 2H23v6h-7.207l-.716-37.943a2.979 2.979 0 0 1 .858-2.158zM62 61c0 .551-.448 1-1 1H3c-.552 0-1-.449-1-1v-5c0-.551.448-1 1-1h42a1 1 0 1 0 0-2H15.982l-.151-8H23v1c0 1.654 1.346 3 3 3h12c1.654 0 3-1.346 3-3v-1h7.169L48 53.981l.002.01L48 54c0 .066.025.124.038.186.013.065.014.133.039.193.026.064.073.115.111.172.034.049.058.105.099.147.047.048.109.078.165.116.05.034.094.077.15.101.06.026.128.029.193.043.062.013.12.04.186.041H61c.552 0 1 .449 1 1z"
/>
</svg>
More icons in the same style and category