Add icons to this collection by clicking the heart icon.
Conversation icon - also known as communication, message, chat, conversation, speech bubble, chatting, dialogue, communications, dialog, and chat box. 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 32 32"
>
    <linearGradient id="a">
        <stop offset="0" stop-color="#42a5f5" />
        <stop offset="1" stop-color="#1e88e5" />
    </linearGradient>
    <linearGradient
        id="c"
        x1="1"
        x2="21"
        y1="10"
        y2="10"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient id="b">
        <stop offset="0" stop-color="#bbdefb" />
        <stop offset="1" stop-color="#64b5f6" />
    </linearGradient>
    <linearGradient
        id="d"
        x1="10"
        x2="12"
        y1="8"
        y2="8"
        gradientUnits="userSpaceOnUse"
        href="#b"
    />
    <linearGradient
        id="e"
        x1="6"
        x2="8"
        y1="8"
        y2="8"
        gradientUnits="userSpaceOnUse"
        href="#b"
    />
    <linearGradient
        id="f"
        x1="14"
        x2="16"
        y1="8"
        y2="8"
        gradientUnits="userSpaceOnUse"
        href="#b"
    />
    <linearGradient
        id="g"
        x1="11"
        x2="31"
        y1="22"
        y2="22"
        gradientUnits="userSpaceOnUse"
        href="#b"
    />
    <linearGradient
        id="h"
        x1="20"
        x2="22"
        y1="20"
        y2="20"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="i"
        x1="24"
        x2="26"
        y1="20"
        y2="20"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="j"
        x1="16"
        x2="18"
        y1="20"
        y2="20"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <path
        fill="url(#c)"
        d="M18.5 3h-15A2.503 2.503 0 0 0 1 5.5v5C1 11.879 2.122 13 3.5 13H5v3a1 1 0 0 0 1.707.707L10.414 13H18.5c1.378 0 2.5-1.121 2.5-2.5v-5C21 4.121 19.878 3 18.5 3z"
    />
    <circle cx="11" cy="8" r="1" fill="url(#d)" />
    <circle cx="7" cy="8" r="1" fill="url(#e)" />
    <circle cx="15" cy="8" r="1" fill="url(#f)" />
    <path
        fill="url(#g)"
        d="M28.5 15h-15a2.503 2.503 0 0 0-2.5 2.5v5c0 1.379 1.122 2.5 2.5 2.5h8.086l3.707 3.707A.999.999 0 0 0 27 28v-3h1.5c1.378 0 2.5-1.121 2.5-2.5v-5c0-1.379-1.122-2.5-2.5-2.5z"
    />
    <circle cx="21" cy="20" r="1" fill="url(#h)" />
    <circle cx="25" cy="20" r="1" fill="url(#i)" />
    <circle cx="17" cy="20" r="1" fill="url(#j)" />
</svg>
More icons in the same style and category