Add icons to this collection by clicking the heart icon.
Chat icon - also known as chat, heart, like, love, speech bubble, romantic, ui, social media, chat box, and feedback. Created in a clean flat style with a white, gray, black, red, and orange 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 50 50"
>
    <path
        fill="#474646"
        d="M34.415 4.676v42.038a2.268 2.268 0 0 1-.925 1.83 1.942 1.942 0 0 1-.394.237 2.199 2.199 0 0 1-.965.217H7.623a3.678 3.678 0 0 1-3.678-3.679V4.676A3.678 3.678 0 0 1 7.623.998h23.113a3.678 3.678 0 0 1 3.679 3.678z"
    />
    <path
        fill="#2d2c2c"
        d="M34.414 4.672v42.04a2.283 2.283 0 0 1-1.32 2.07c-.29.14-.61.22-.96.22H7.624c-1.1 0-2.09-.49-2.77-1.26.51.27 1.09.42 1.71.42h24.5c.35 0 .68-.07.97-.22.14-.06.27-.14.39-.23a2.256 2.256 0 0 0 .93-1.83V3.842c0-.93-.35-1.78-.92-2.43a3.68 3.68 0 0 1 1.98 3.26z"
    />
    <path
        fill="#fff"
        d="M31.55 5.359v39.268a1.14 1.14 0 0 1-1.142 1.142H7.957a1.14 1.14 0 0 1-1.142-1.142V5.359c0-.632.505-1.142 1.142-1.142h3.815c.324 0 .632.141.85.384l.984 1.101c.218.248.526.384.854.384h8.353c.329 0 .637-.136.854-.384l.98-1.101c.218-.243.531-.384.855-.384h4.906c.636 0 1.142.51 1.142 1.142z"
    />
    <path
        fill="#e4e3ff"
        d="M31.554 5.362v39.292c0 .617-.5 1.118-1.118 1.118H7.954c-.61 0-1.1-.48-1.13-1.08.03.01.06.01.09.01h10.73c7.037 0 12.747-5.691 12.77-12.727l.09-27.683c0-.02 0-.05-.01-.07.6.04 1.06.53 1.06 1.14z"
    />
    <path
        fill="#1b1b1b"
        d="M36.388 13.792h-1.14v-4.99h1.14c.423 0 .766.343.766.766v3.458a.766.766 0 0 1-.766.766zM2.805 13.792h1.14v-4.99h-1.14a.766.766 0 0 0-.766.766v3.458c0 .423.343.766.766.766z"
    />
    <path
        fill="#f9b938"
        d="M47.961 10.566v14.643a3.082 3.082 0 0 1-3.082 3.082H29.507a.979.979 0 0 0-.644.242l-3.546 3.097a.979.979 0 0 1-1.623-.738V10.566a3.082 3.082 0 0 1 3.082-3.082H44.88a3.082 3.082 0 0 1 3.082 3.082z"
    />
    <path
        fill="#ecb021"
        d="M47.96 10.563v14.65c0 1.7-1.38 3.08-3.08 3.08H29.51a.97.97 0 0 0-.65.24l-3.54 3.1c-.64.55-1.63.1-1.63-.74v-.07c.31.1.66.06.95-.19l3.54-3.1c.18-.16.41-.24.65-.24H44.2c1.7 0 3.08-1.38 3.08-3.08V9.563c0-.42-.08-.83-.24-1.2.57.56.92 1.34.92 2.2z"
    />
    <path
        fill="#fff"
        d="M34.95 9.52h-.533a.556.556 0 0 1 0-1.11h.533a.556.556 0 0 1 0 1.11zM41.897 9.52h-4.6a.556.556 0 0 1 0-1.11h4.6a.556.556 0 0 1 0 1.11zM26.048 23.307a.556.556 0 0 1-.556-.555v-5.115a.556.556 0 0 1 1.111 0v5.115a.556.556 0 0 1-.555.555zM26.048 16.005a.556.556 0 0 1-.556-.555v-.578a.556.556 0 0 1 1.111 0v.578a.556.556 0 0 1-.555.555z"
        opacity=".3"
    />
    <path
        fill="#fff"
        d="M27.49 23.46V12.315c0-1.033.837-1.87 1.87-1.87h14.603c1.032 0 1.869.837 1.869 1.87v11.143a1.869 1.869 0 0 1-1.87 1.87H29.36a1.869 1.869 0 0 1-1.869-1.87z"
    />
    <path
        fill="#e4e3ff"
        d="M45.831 12.317v11.141a1.864 1.864 0 0 1-1.866 1.867H29.357c-.837 0-1.54-.541-1.785-1.304.11.022.23.03.348.03h14.6a1.87 1.87 0 0 0 1.867-1.874V11.036c0-.193-.03-.386-.082-.563a1.877 1.877 0 0 1 1.526 1.844z"
    />
    <path
        fill="#fc6559"
        d="m41.213 18.472-3.9 3.901a.892.892 0 0 1-.644.267.892.892 0 0 1-.643-.267l-3.972-3.972a3.051 3.051 0 0 1-.903-2.182c0-.823.32-1.598.903-2.178a3.068 3.068 0 0 1 2.182-.906h.003c.82 0 1.595.32 2.178.903.09.09.173.184.252.282a3.086 3.086 0 0 1 2.625-1.177 3.101 3.101 0 0 1 2.254 1.196c.944 1.222.8 2.997-.335 4.133z"
    />
    <path
        fill="#e24b40"
        d="m41.212 18.47-3.897 3.903a.904.904 0 0 1-.645.267.904.904 0 0 1-.645-.267l-.044-.044a.839.839 0 0 0 .45-.245l3.903-3.897c1.134-1.134 1.279-2.914.334-4.137a3.072 3.072 0 0 0-1.062-.867 3.042 3.042 0 0 1 1.94 1.156c.945 1.224.8 2.997-.334 4.131z"
    />
    <path
        fill="#fff"
        d="M5.38 11.562a.505.505 0 0 1-.505-.505V8.042a.505.505 0 0 1 1.01 0v3.015a.505.505 0 0 1-.505.505zM5.38 6.513a.505.505 0 0 1-.505-.505v-.34a.505.505 0 0 1 1.01 0v.34a.505.505 0 0 1-.505.505z"
        opacity=".4"
    />
    <path
        fill="#e4e3ff"
        d="M9.768 34.309a.963.963 0 0 1-.963-.963v-5.75a.963.963 0 0 1 1.925 0v5.75a.963.963 0 0 1-.962.963zM9.768 24.68a.963.963 0 0 1-.963-.963v-.646a.963.963 0 0 1 1.925 0v.646a.963.963 0 0 1-.962.963z"
        opacity=".4"
    />
</svg>
More icons in the same style and category