Add icons to this collection by clicking the heart icon.
Happy icon - also known as communication, message, chat, conversation, happy, talk, speech bubble, smiley, communications, and chat box. Created in a clean blue 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 60 52"
>
    <g fill="none" fill-rule="evenodd">
        <g transform="translate(1 1)">
            <path
                fill="#e8edfc"
                d="M26.19 0H8a8 8 0 0 0-8 8v24a8 8 0 0 0 8 8h4a1 1 0 0 1 1 1v7.845a1 1 0 0 0 1.65.765l11.07-9.373a1 1 0 0 1 .646-.237H50a8 8 0 0 0 8-8V8a8 8 0 0 0-8-8z"
            />
            <path
                fill="#cad9fc"
                d="M22.72 40.237 13 48.467v.378a1 1 0 0 0 1.65.765l11.07-9.373a1 1 0 0 1 .647-.237h-3a1 1 0 0 0-.647.237zM50 0h-3a8 8 0 0 1 8 8v24a8 8 0 0 1-8 8h3a8 8 0 0 0 8-8V8a8 8 0 0 0-8-8z"
            />
            <circle cx="19" cy="20" r="12" fill="#c6d8fb" />
            <path
                fill="#a4c3fd"
                d="M19 8c-.502.002-1.003.035-1.5.1a11.989 11.989 0 0 1 0 23.792A12 12 0 1 0 19 8z"
            />
            <g fill="#e8edfc">
                <circle cx="15" cy="17" r="2" />
                <circle cx="23" cy="17" r="2" />
            </g>
        </g>
        <path
            fill="#fff"
            d="M9 41h3a8 8 0 0 1-8-8V9a8 8 0 0 1 8-8H9a8 8 0 0 0-8 8v24a8 8 0 0 0 8 8z"
        />
        <path fill="#fff" d="M0 9h2v8H0z" />
        <g fill="#428dff">
            <circle cx="1" cy="13" r="1" />
            <path
                d="M51 0H9a9.011 9.011 0 0 0-9 9 1 1 0 1 0 2 0 7.008 7.008 0 0 1 7-7h42a7.008 7.008 0 0 1 7 7v24a7.008 7.008 0 0 1-7 7H27.367a2 2 0 0 0-1.293.474L15 49.845V42a2 2 0 0 0-2-2H9a7.008 7.008 0 0 1-7-7V17a1 1 0 0 0-2 0v16a9.011 9.011 0 0 0 9 9h4v7.845a1.983 1.983 0 0 0 1.16 1.817 1.987 1.987 0 0 0 2.136-.289L27.367 42H51a9.011 9.011 0 0 0 9-9V9a9.011 9.011 0 0 0-9-9z"
            />
            <path
                d="M50 37a1 1 0 0 0 1 1 5.006 5.006 0 0 0 5-5 1 1 0 0 0-2 0 3 3 0 0 1-3 3 1 1 0 0 0-1 1zM9 4a5.006 5.006 0 0 0-5 5 1 1 0 0 0 2 0 3 3 0 0 1 3-3 1 1 0 0 0 0-2z"
            />
            <path
                fill-rule="nonzero"
                d="M20 34c7.18 0 13-5.82 13-13S27.18 8 20 8 7 13.82 7 21c.008 7.176 5.824 12.992 13 13zm0-24c6.075 0 11 4.925 11 11s-4.925 11-11 11S9 27.075 9 21c.007-6.072 4.928-10.993 11-11z"
            />
            <path
                d="M16.333 24.6a1 1 0 1 0-1.833.8 6 6 0 0 0 11 0 1 1 0 1 0-1.833-.8 4 4 0 0 1-7.334 0z"
            />
            <path
                fill-rule="nonzero"
                d="M16 21a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-4a1 1 0 1 1 0 2 1 1 0 0 1 0-2zM24 21a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-4a1 1 0 1 1 0 2 1 1 0 0 1 0-2z"
            />
            <path
                d="M36 15h2a1 1 0 0 0 0-2h-2a1 1 0 0 0 0 2zM52 15a1 1 0 0 0 0-2H42a1 1 0 0 0 0 2zM36 19h16a1 1 0 0 0 0-2H36a1 1 0 0 0 0 2zM36 24h7a1 1 0 0 0 0-2h-7a1 1 0 0 0 0 2z"
            />
        </g>
    </g>
</svg>
More icons in the same style and category