Add icons to this collection by clicking the heart icon.
Hat icon - also known as hat, fashion, clothing, items, website, clothes, browser, commerce and shopping, online store, online shopping, ecommerce, gallery, and online purchase. Created in a clean gradient style, 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"
>
    <linearGradient
        id="a"
        x1="508.537"
        x2="-41.463"
        y1="4.132"
        y2="408.132"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset=".002" stop-color="#ffc599" />
        <stop offset=".992" stop-color="#ffe8dc" stop-opacity="0" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="257"
        x2="257"
        y1="439.5"
        y2="51.5"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ff4d4d" stop-opacity=".4" />
        <stop offset="1" stop-color="#ff4d4d" stop-opacity="0" />
    </linearGradient>
    <path
        fill="url(#a)"
        d="M512 189.635c0-77.209-114.615-139.799-256-139.799S0 112.426 0 189.635c0 12.48 2.999 24.577 8.62 36.089 10.007 20.491 12.502 43.828 7.537 66.086a140.058 140.058 0 0 0-3.333 28.294c-1.235 77.812 61.961 142.061 139.782 142.061 58.443 0 108.503-35.865 129.385-86.785 11.468-27.964 35.565-48.919 65.155-55.077C443.526 300.245 512 249.31 512 189.635z"
    />
    <path
        fill="#fff"
        d="M422.952 439.5H91.048C80.528 439.5 72 430.972 72 420.452V70.548C72 60.028 80.528 51.5 91.048 51.5h331.905c10.52 0 19.048 8.528 19.048 19.048v349.905c-.001 10.519-8.529 19.047-19.049 19.047z"
    />
    <path
        fill="#b3b3ff"
        d="M442 107.69V70.548c0-10.52-8.528-19.048-19.048-19.048H91.048C80.528 51.5 72 60.028 72 70.548v37.143h370z"
    />
    <path
        fill="#ff4d4d"
        d="M400.5 84.595h-16.52a5 5 0 1 1 0-10h16.52a5 5 0 1 1 0 10z"
    />
    <path
        fill="#ff9d33"
        d="M362 84.595h-16.52a5 5 0 1 1 0-10H362a5 5 0 1 1 0 10z"
    />
    <path
        fill="#ebebff"
        d="M306.5 84.595H169.98a5 5 0 1 1 0-10H306.5a5 5 0 1 1 0 10z"
    />
    <path
        fill="#d9d9ff"
        d="M257 414.316a5 5 0 0 1-5-5V379.09a5 5 0 1 1 10 0v30.226a5 5 0 0 1-5 5zM159.58 409.317h-42.5a5 5 0 1 1 0-10h42.5a5 5 0 1 1 0 10zM222.58 409.317h-42.5a5 5 0 1 1 0-10h42.5a5 5 0 1 1 0 10zM195.58 389.09h-78.5a5 5 0 1 1 0-10h78.5a5 5 0 1 1 0 10zM396.92 409.317h-108a5 5 0 1 1 0-10h108a5 5 0 1 1 0 10zM396.92 389.09h-108a5 5 0 1 1 0-10h108a5 5 0 1 1 0 10z"
    />
    <path
        fill="#ff9d33"
        d="M129.58 360.51h-12.5a5 5 0 1 1 0-10h12.5a5 5 0 1 1 0 10z"
    />
    <path
        fill="#6c6cff"
        d="M217.5 322.892c0 7.64 6.193 13.833 13.833 13.833H281c7.64 0 13.833-6.193 13.833-13.833 0-7.64-6.193-13.833-13.833-13.833h-49.667c-7.64 0-13.833 6.194-13.833 13.833z"
    />
    <path
        fill="#ffab66"
        d="M370.38 280.06c-19.81 3.28-67.9 10.37-113.38 10.37s-93.57-7.09-113.38-10.37c-3.98-.66-5.57-5.53-2.76-8.42L168.71 243h176.58l27.85 28.64c2.81 2.89 1.22 7.76-2.76 8.42z"
    />
    <path
        fill="#ff9d33"
        d="M189.477 174.564 168.714 243S211 252 257 252c48.27 0 88.286-9 88.286-9l-20.763-68.436a20 20 0 0 0-19.139-14.193h-96.768a20 20 0 0 0-19.139 14.193z"
    />
    <path
        fill="#ff8b00"
        d="M320.34 167.1c-16.12 2.3-38.65 4.65-63.34 4.65-23.88 0-46.76-2.43-63.25-4.76 3.71-4.12 9.07-6.62 14.87-6.62h96.76c5.86 0 11.26 2.55 14.96 6.73zM368 266.35c-.16.05-.32.08-.48.11-18.34 3.14-65.83 10.44-110.52 10.44s-92.18-7.3-110.52-10.44c-.16-.03-.32-.06-.48-.11l8.47-8.7c21.18 3.43 63.03 9.25 102.53 9.25s81.35-5.82 102.53-9.25z"
    />
    <circle
        cx="317.225"
        cy="165.802"
        r="21.35"
        fill="#ff4d4d"
        transform="rotate(-76.7 317.32 165.838)"
    />
    <path
        fill="#fff"
        d="M312.527 175.5a5 5 0 0 1-3.535-8.535l10-10a5 5 0 0 1 7.07 7.071l-10 10a4.981 4.981 0 0 1-3.535 1.464z"
    />
    <path
        fill="#ff9d33"
        d="M40.125 145.931a5 5 0 0 1-3.535-8.535l10-10a5 5 0 0 1 7.07 7.071l-10 10a4.983 4.983 0 0 1-3.535 1.464z"
    />
    <path
        fill="#ff6c6c"
        d="M466.875 190.51a5 5 0 0 1-3.535-8.535l10-10a5 5 0 0 1 7.07 7.071l-10 10a4.983 4.983 0 0 1-3.535 1.464zM50.125 346.726a4.983 4.983 0 0 1-3.535-1.464l-6.465-6.464-6.465 6.464a5 5 0 0 1-7.07-7.071l10-10a5 5 0 0 1 7.07 0l10 10a5 5 0 0 1-3.535 8.535z"
    />
    <path
        fill="#ff9d33"
        d="M486.875 309.5a4.983 4.983 0 0 1-3.535-1.464l-6.465-6.464-6.465 6.464a5 5 0 0 1-7.07-7.071l10-10a5 5 0 0 1 7.07 0l10 10a5 5 0 0 1-3.535 8.535z"
    />
    <path
        fill="#6c6cff"
        d="M25.125 103.807a5 5 0 0 1-3.535-8.535l10-10a5 5 0 0 1 7.07 7.071l-10 10a4.987 4.987 0 0 1-3.535 1.464z"
    />
    <path
        fill="url(#b)"
        d="M422.952 439.5H91.048C80.528 439.5 72 430.972 72 420.452V70.548C72 60.028 80.528 51.5 91.048 51.5h331.905c10.52 0 19.048 8.528 19.048 19.048v349.905c-.001 10.519-8.529 19.047-19.049 19.047z"
    />
</svg>
More icons in the same style and category