Add icons to this collection by clicking the heart icon.
Messaging icon - also known as message, conversation, talk, speech bubble, speak, chat bubble, chat balloon, dialogue, communications, messaging, and chat box. Created in a clean 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 64 64"
>
<linearGradient
id="a"
x1="12"
x2="52.088"
y1="12"
y2="52.088"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#eef2f3" />
<stop offset="1" stop-color="#8e9eab" />
</linearGradient>
<linearGradient
id="b"
x1="19.5"
x2="59.588"
y1="4.5"
y2="44.588"
href="#a"
/>
<linearGradient
id="c"
x1="13.25"
x2="53.338"
y1="10.75"
y2="50.838"
href="#a"
/>
<linearGradient
id="d"
x1="2.75"
x2="42.838"
y1="21.25"
y2="61.338"
href="#a"
/>
<linearGradient
id="e"
x1="6.25"
x2="46.338"
y1="17.75"
y2="57.838"
href="#a"
/>
<linearGradient
id="f"
x1="9.75"
x2="49.838"
y1="14.25"
y2="54.338"
href="#a"
/>
<linearGradient
id="g"
x1="28.25"
x2="68.338"
y1="-4.25"
y2="35.838"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M58.831 38.27 53 35.385V34.5h2.065a4.973 4.973 0 0 0 4.935-5v-12a4.973 4.973 0 0 0-4.935-5H53a2 2 0 0 0 0 4h2.065a.97.97 0 0 1 .935 1v12a.97.97 0 0 1-.935 1h-4.673c-.04-.003-.08 0-.12 0H15.935a.97.97 0 0 1-.935-1v-1.271a2.992 2.992 0 0 0-1.6-2.655l-3.83-2.02 3.762-1.862A2.983 2.983 0 0 0 15 19.004V17.5a.97.97 0 0 1 .935-1H41a2 2 0 0 0 0-4H15.935a4.973 4.973 0 0 0-4.935 5v.883L5.165 21.27a2.503 2.503 0 0 0-.055 4.456L11 28.83v.669H8.935A4.973 4.973 0 0 0 4 34.5v12a4.973 4.973 0 0 0 4.935 5h39.13a4.973 4.973 0 0 0 4.935-5v-.669l5.89-3.105a2.49 2.49 0 0 0-.059-4.455zm-8.23 4.304A2.992 2.992 0 0 0 49 45.23V46.5a.97.97 0 0 1-.935 1H8.935a.97.97 0 0 1-.935-1v-12a.97.97 0 0 1 .935-1h4.07a4.846 4.846 0 0 0 2.93 1H49v1.504a2.983 2.983 0 0 0 1.669 2.688l3.762 1.863z"
/>
<path fill="url(#b)" d="M51 22.5H20a2 2 0 0 1 0-4h31a2 2 0 0 1 0 4z" />
<path fill="url(#c)" d="M38 28.5H20a2 2 0 0 1 0-4h18a2 2 0 0 1 0 4z" />
<path fill="url(#d)" d="M24 40.5a2 2 0 1 1-2-2 2 2 0 0 1 2 2z" />
<path fill="url(#e)" d="M31 40.5a2 2 0 1 1-2-2 2 2 0 0 1 2 2z" />
<path fill="url(#f)" d="M38 40.5a2 2 0 1 1-2-2 2 2 0 0 1 2 2z" />
<path fill="url(#g)" d="M47 12.5a2 2 0 1 1-2 2 2 2 0 0 1 2-2z" />
</g>
</svg>
More icons in the same style and category