Add icons to this collection by clicking the heart icon.
Hat icon - also known as hat, fashion, winter hat, winter clothing, accessory, beanie, and garment. Created in a clean flat style with a magenta 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="512"
    height="512"
    viewBox="0 0 512 512"
>
    <path
        fill="#f6c"
        d="M512 39.777S414.094 22.461 364.681 59.95C332.488 42.066 295.438 31.867 256 31.867l-10 268.929 234.133-10V256c0-25.964-4.43-50.89-12.55-74.082C486.093 156.698 512 100.021 512 39.777z"
    />
    <path
        fill="#f9d"
        d="M256 31.867c-39.438 0-76.488 10.199-108.681 28.083C97.906 22.461 0 39.777 0 39.777c0 60.244 25.906 116.921 44.417 142.141-8.12 23.192-12.55 48.117-12.55 74.082v34.797l224.133 10z"
    />
    <path fill="#e62ea8" d="m246 330.797 234.132-10v-30H256z" />
    <path fill="#f6c" d="M31.867 290.797v30l224.133 10v-40z" />
    <path
        fill="#e62ea8"
        d="M301 197h30v30h-30zM301 137h30v30h-30zM271 107h-15l-10 15 10 15h15zM271 197v-30h-15l-10 15 10 15zM271 257v-30h-15l-10 15 10 15z"
    />
    <g fill="#f6c">
        <path
            d="M181 197h30v30h-30zM181 137h30v30h-30zM241 227h15v30h-15zM241 167h15v30h-15zM241 107h15v30h-15zM480.133 320.797H460.8l-10 79.668 10 79.668h19.333c17.6 0 31.867-14.268 31.867-31.867v-95.602c0-17.6-14.267-31.867-31.867-31.867z"
        />
    </g>
    <path fill="#f9d" d="m409.6 320.797-10 79.668 10 79.668h51.2V320.797z" />
    <path fill="#f6c" d="m358.4 320.797-10 79.668 10 79.668h51.2V320.797z" />
    <path fill="#f9d" d="m307.2 320.797-10 79.668 10 79.668h51.2V320.797z" />
    <path fill="#f6c" d="m256 320.797-10 79.668 10 79.668h51.2V320.797z" />
    <path fill="#f9d" d="m204.8 320.797-10 79.668 10 79.668H256V320.797z" />
    <path fill="#fce" d="m153.6 320.797-10 79.668 10 79.668h51.2V320.797z" />
    <path fill="#f9d" d="m102.4 320.797-10 79.668 10 79.668h51.2V320.797z" />
    <path fill="#fce" d="m51.2 320.797-10 79.668 10 79.668h51.2V320.797z" />
    <path
        fill="#f9d"
        d="M31.868 320.797H51.2v159.336H31.868C14.268 480.133 0 465.865 0 448.266v-95.602c0-17.6 14.268-31.867 31.868-31.867z"
    />
</svg>
More icons in the same style and category