Add icons to this collection by clicking the heart icon.
Dialogue Box icon - also known as message, conversation, speech bubble, speak, chat bubble, chat balloon, discussion, dialogue, communications, chat box, and dialogue 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="linear-gradient"
gradientUnits="userSpaceOnUse"
x1="17.866"
x2="49.992"
y1="15.8"
y2="47.925"
>
<stop offset="0" stop-color="#eef2f3" />
<stop offset="1" stop-color="#8e9eab" />
</linearGradient>
<linearGradient
id="linear-gradient-2"
x1="27.833"
x2="59.959"
y1="5.833"
y2="37.959"
href="#linear-gradient"
/>
<g id="Dialog">
<path
d="m53.14648 10h-13.06189a2.00071 2.00071 0 1 0 -.08459 4h13.14648a2.64794 2.64794 0 0 1 2.85352 2.36719v16.26562a2.64794 2.64794 0 0 1 -2.85352 2.36719h-.7998a2.33419 2.33419 0 0 0 -2.34668 2.31592v1.36093a.37355.37355 0 0 1 -.60072.29653l-4.53893-3.47729a2.3818 2.3818 0 0 0 -1.45117-.49609h-16.61963a2.60763 2.60763 0 0 1 -2.78955-2.36719v-16.26562a2.60763 2.60763 0 0 1 2.78955-2.36719h1.12584a2.00071 2.00071 0 1 0 .08461-4h-1.21045a6.5962 6.5962 0 0 0 -6.78955 6.36719v1.63281h-9.14648a6.63156 6.63156 0 0 0 -6.85352 6.36719v16.26562a6.56022 6.56022 0 0 0 6 6.31787v4.05032a2.1994 2.1994 0 0 0 3.541 1.82276l7.60207-5.82376h16.06738a6.5962 6.5962 0 0 0 6.78955-6.36719v-.75708l6.45654 4.94654a2.20134 2.20134 0 0 0 3.54346-1.83703v-4.03456a6.56022 6.56022 0 0 0 6-6.31787v-16.26562a6.63156 6.63156 0 0 0 -6.85352-6.36719zm-15.936 33h-16.61966a2.37408 2.37408 0 0 0 -1.44287.48975l-4.54723 3.48363a.37355.37355 0 0 1 -.60072-.29653v-1.36093a2.33419 2.33419 0 0 0 -2.34668-2.31592h-.7998a2.64794 2.64794 0 0 1 -2.85352-2.36719v-16.26562a2.64794 2.64794 0 0 1 2.85352-2.36719h9.14648v10.63281a6.5962 6.5962 0 0 0 6.78955 6.36719h13.21045v1.63281a2.60763 2.60763 0 0 1 -2.78955 2.36719z"
fill="url(#linear-gradient)"
/>
<path
d="m34 10a2 2 0 1 1 -2 2 2 2 0 0 1 2-2z"
fill="url(#linear-gradient-2)"
/>
</g>
</svg>
More icons in the same style and category