Add icons to this collection by clicking the heart icon.
Hat icon - also known as ribbon, hat, fashion, heart, love, mother, mom, love and romance, and mothers day. Created in a clean flat 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="118.418"
        x2="393.582"
        y1="375.389"
        y2="100.226"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset=".015" stop-color="#fdeebe" />
        <stop offset="1" stop-color="#fef7de" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="73.514"
        x2="348.678"
        y1="330.486"
        y2="55.322"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset=".015" stop-color="#8ae4c8" />
        <stop offset="1" stop-color="#e2f8f1" />
    </linearGradient>
    <linearGradient
        id="c"
        x1="224.944"
        x2="287.056"
        y1="367.323"
        y2="305.212"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset=".015" stop-color="#fb9d8d" />
        <stop offset="1" stop-color="#fdcec6" />
    </linearGradient>
    <g>
        <path
            fill="url(#a)"
            d="M506.419 250.046c-20.4-35.7-57.786-45.666-90.769-54.456-22.795-6.075-44.406-13.852-59.65-26.857V104a100 100 0 0 0-200 0v64.733c-15.244 13-36.855 20.782-59.65 26.857-32.983 8.79-70.367 18.753-90.769 54.456A12 12 0 0 0 16 268h480a12 12 0 0 0 10.419-17.954z"
        />
        <path fill="url(#b)" d="M156 128h200v40H156z" />
        <path
            fill="#c3b5df"
            d="M312 220c-47.577 0-66.365-45.6-67.142-47.543A12 12 0 0 1 248.8 158.4l32-24a12 12 0 1 1 14.4 19.2l-23.812 17.859C277.494 181.08 290.439 196 312 196a12 12 0 0 1 0 24z"
        />
        <path
            fill="#c3b5df"
            d="M200 220a12 12 0 0 1 0-24c21.491 0 34.472-14.945 40.6-24.553L216.8 153.6a12 12 0 0 1 14.4-19.2l32 24a12 12 0 0 1 3.942 14.057C266.365 174.4 247.577 220 200 220z"
        />
        <path
            fill="url(#c)"
            d="M283.708 304.046c-8.56-4.263-18.338-3.979-27.708.615-9.368-4.593-19.148-4.877-27.708-.615-11.314 5.634-18.342 18.261-18.342 32.954 0 24.386 33.1 46.1 39.737 50.2a12 12 0 0 0 12.625 0c6.636-4.105 39.738-25.816 39.738-50.2 0-14.693-7.028-27.32-18.342-32.954z"
        />
        <g fill="#fdcec6">
            <path
                d="M176 387.023a12 12 0 0 1-12-12v-35.042L152.487 351.5a12 12 0 0 1-16.974 0L124 339.981v35.042a12 12 0 0 1-24 0V311a12 12 0 0 1 20.487-8.484L144 326.041l23.513-23.521A12 12 0 0 1 188 311v64.019a12 12 0 0 1-12 12.004zM400 387.023a12 12 0 0 1-12-12v-35.042L376.487 351.5a12 12 0 0 1-16.974 0L348 339.981v35.042a12 12 0 0 1-24 0V311a12 12 0 0 1 20.487-8.484L368 326.041l23.513-23.521A12 12 0 0 1 412 311v64.019a12 12 0 0 1-12 12.004z"
            />
        </g>
    </g>
</svg>
More icons in the same style and category