Add icons to this collection by clicking the heart icon.
Hat icon - also known as hat, fashion, ireland, Saint Patrick, Irish, costumes, leprechaun, and cultures. Created in a clean outline color style with a gray, yellow, olive, and green 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="#378900"
d="M62.492 45.849v3.436A2.71 2.71 0 0 1 59.79 52H4.223a2.72 2.72 0 0 1-2.715-2.715v-3.436a2.72 2.72 0 0 1 2.715-2.715H59.79a2.71 2.71 0 0 1 2.702 2.715z"
/>
<path
d="M4.192 49.285v-3.436a2.72 2.72 0 0 1 2.715-2.715H4.223a2.72 2.72 0 0 0-2.715 2.715v3.436A2.72 2.72 0 0 0 4.223 52h2.684a2.72 2.72 0 0 1-2.715-2.715z"
opacity=".2"
/>
<path
d="M59.79 53H4.223a3.72 3.72 0 0 1-3.715-3.715v-3.436a3.72 3.72 0 0 1 3.715-3.715H59.79a3.713 3.713 0 0 1 3.702 3.715v3.436A3.713 3.713 0 0 1 59.79 53zM4.223 44.134c-.945 0-1.715.769-1.715 1.715v3.436c0 .946.77 1.715 1.715 1.715H59.79a1.71 1.71 0 0 0 1.702-1.715v-3.436a1.71 1.71 0 0 0-1.702-1.715z"
/>
<path
fill="#6ec030"
d="M56.433 32.656v10.479H37.311a2.726 2.726 0 0 0 2.728-2.728v-7.698a2.737 2.737 0 0 0-2.728-2.741h-10.61a2.737 2.737 0 0 0-2.728 2.741v7.698a2.726 2.726 0 0 0 2.728 2.728H7.41V32.656C7.41 21.246 16.656 12 28.066 12h7.711c11.41 0 20.656 9.246 20.656 20.656z"
/>
<path
d="M56.433 44.134H37.312a1 1 0 1 1 0-2 1.73 1.73 0 0 0 1.728-1.728v-7.699c0-.96-.775-1.741-1.728-1.741h-10.61c-.953 0-1.729.781-1.729 1.741v7.699a1.73 1.73 0 0 0 1.729 1.728 1 1 0 1 1 0 2H7.41a1 1 0 0 1-1-1V32.656C6.41 20.715 16.125 11 28.065 11h7.712c11.94 0 21.655 9.715 21.655 21.656v10.479a.998.998 0 0 1-.999.999zm-15.819-2h14.818v-9.479C55.433 21.817 46.615 13 35.777 13h-7.712C17.228 13 8.41 21.817 8.41 32.656v9.479h14.988a3.71 3.71 0 0 1-.425-1.728v-7.699a3.74 3.74 0 0 1 3.729-3.741h10.609a3.738 3.738 0 0 1 3.728 3.741v7.699c0 .623-.153 1.211-.425 1.727z"
/>
<path
fill="#ffd432"
d="M40.039 32.708v7.698a2.726 2.726 0 0 1-2.728 2.728h-10.61a2.726 2.726 0 0 1-2.728-2.728v-7.698a2.737 2.737 0 0 1 2.728-2.741h10.61a2.737 2.737 0 0 1 2.728 2.741z"
/>
<path
d="M37.312 44.134h-10.61a3.733 3.733 0 0 1-3.729-3.728v-7.699a3.74 3.74 0 0 1 3.729-3.741h10.609a3.738 3.738 0 0 1 3.728 3.741v7.699a3.732 3.732 0 0 1-3.727 3.728zm-10.61-13.167c-.953 0-1.729.781-1.729 1.741v7.699a1.73 1.73 0 0 0 1.729 1.728h10.609a1.73 1.73 0 0 0 1.728-1.728v-7.699c0-.96-.775-1.741-1.728-1.741z"
/>
<g fill="#a77554">
<path
d="M34.919 39.316h-5.497a.667.667 0 0 1-.667-.667v-4.131c0-.368.298-.667.667-.667h5.497c.368 0 .667.298.667.667v4.131a.667.667 0 0 1-.667.667zM26.702 43.134H7.41v-9.285h16.564v6.557a2.725 2.725 0 0 0 2.728 2.728zM56.433 33.849v9.285H37.311a2.726 2.726 0 0 0 2.728-2.728v-6.557z"
/>
</g>
<path
d="M34.919 40.316h-5.497a1.67 1.67 0 0 1-1.667-1.667v-4.131a1.67 1.67 0 0 1 1.667-1.667h5.497a1.67 1.67 0 0 1 1.667 1.667v4.131a1.67 1.67 0 0 1-1.667 1.667zm-5.164-2h4.831v-3.464h-4.831zM26.702 44.134H7.41a1 1 0 0 1-1-1v-9.285a1 1 0 0 1 1-1h16.563a1 1 0 0 1 1 1v6.558a1.73 1.73 0 0 0 1.729 1.728 1 1 0 1 1 0 1.999zm-18.292-2h14.988a3.71 3.71 0 0 1-.425-1.728v-5.558H8.41zM56.433 44.134H37.312a1 1 0 1 1 0-2 1.73 1.73 0 0 0 1.728-1.728v-6.558a1 1 0 0 1 1-1h16.394a1 1 0 0 1 1 1v9.285a1.001 1.001 0 0 1-1.001 1.001zm-15.819-2h14.818v-7.285H41.039v5.558c0 .623-.153 1.211-.425 1.727z"
/>
<path
d="M31.73 12h-3.664C16.656 12 7.41 21.246 7.41 32.656v10.479h3.664V32.656C11.074 21.246 20.32 12 31.73 12z"
opacity=".2"
/>
</svg>
More icons in the same style and category