Add icons to this collection by clicking the heart icon.
Happy icon - also known as happy, smile, emoticon, emoticons, happiness, feelings, smileys, laugh, emoji, and joking. Created in a clean flat 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"
>
    <radialGradient
        id="b"
        cx="256"
        cy="256"
        r="272.687"
        fx="254.676"
        fy="25.792"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ffed81" />
        <stop offset=".17" stop-color="#ffea7e" />
        <stop offset=".315" stop-color="#ffe273" />
        <stop offset=".452" stop-color="#ffd361" />
        <stop offset=".584" stop-color="#ffbf48" />
        <stop offset=".71" stop-color="#ffa629" />
        <stop offset=".827" stop-color="#ff8804" />
        <stop offset=".852" stop-color="#ff8d0b" />
        <stop offset=".887" stop-color="#ff9c1d" />
        <stop offset=".928" stop-color="#ffb53c" />
        <stop offset=".974" stop-color="#ffd766" />
        <stop offset="1" stop-color="#ffed81" />
    </radialGradient>
    <linearGradient id="a">
        <stop offset="0" stop-color="#c98933" />
        <stop offset=".585" stop-color="#985b24" />
        <stop offset="1" stop-color="#7a3f1b" />
    </linearGradient>
    <linearGradient
        id="c"
        x1="256"
        x2="256"
        y1="318.308"
        y2="439.829"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="255.999"
        x2="255.999"
        y1="317.847"
        y2="381.179"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#c4cbff" />
        <stop offset=".2" stop-color="#c4cbff" />
        <stop offset=".384" stop-color="#dde1ff" />
        <stop offset=".581" stop-color="#f0f2ff" />
        <stop offset=".785" stop-color="#fbfcff" />
        <stop offset="1" stop-color="#fff" />
    </linearGradient>
    <linearGradient
        id="e"
        x1="365.124"
        x2="365.124"
        y1="160.908"
        y2="216.884"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="f"
        x1="146.879"
        x2="146.879"
        y1="160.908"
        y2="216.884"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <circle cx="256" cy="256" r="256" fill="url(#b)" />
    <path
        fill="url(#c)"
        d="M256 328.5c-50.7 0-99.5-3.9-145.1-11.1-4.3-.7-8 2.6-7.1 6.4 14.8 60.9 77.4 106.6 152.3 106.6s137.4-45.7 152.3-106.6c.9-3.7-2.8-7-7.1-6.4-45.8 7.2-94.6 11.1-145.3 11.1z"
    />
    <path
        fill="url(#d)"
        d="M401.1 317.4c-45.7 7.2-94.4 11.1-145.1 11.1s-99.5-3.9-145.1-11.1c-4.3-.7-8 2.6-7.1 6.4 2.4 9.8 6 19.3 10.8 28.1 41.6 15.5 89.9 24.3 141.5 24.3s99.9-8.9 141.5-24.3c4.7-8.9 8.4-18.3 10.8-28.1.8-3.7-3-7-7.3-6.4z"
    />
    <path
        fill="url(#e)"
        d="M395.3 202.1c-4.4 0-8-3.6-8-8 0-12.2-9.9-22.1-22.1-22.1s-22.1 9.9-22.1 22.1c0 4.4-3.6 8-8 8s-8-3.6-8-8c0-21 17.1-38.1 38.1-38.1s38.1 17.1 38.1 38.1c0 4.4-3.6 8-8 8z"
    />
    <path
        fill="url(#f)"
        d="M177 202.1c-4.4 0-8-3.6-8-8 0-12.2-9.9-22.1-22.1-22.1s-22.1 9.9-22.1 22.1c0 4.4-3.6 8-8 8s-8-3.6-8-8c0-21 17.1-38.1 38.1-38.1s38.1 17.1 38.1 38.1c0 4.4-3.6 8-8 8z"
    />
</svg>
More icons in the same style and category