Add icons to this collection by clicking the heart icon.
Chat icon - also known as communication, chat, conversation, speech bubble, multimedia, chat bubble, communications, chat box, and pay per conversion. Created in a clean others style with a white, silver, gray, navy, and pink 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="100"
height="100"
viewBox="0 0 128 128"
>
<linearGradient
id="a"
x1="18.08"
x2="60.83"
y1="111.07"
y2="66.07"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d8f6f1" />
<stop offset="1" stop-color="#ccdcfc" />
</linearGradient>
<linearGradient
id="b"
x1="63.94"
x2="111.94"
y1="40.06"
y2="40.06"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ddd7f9" />
<stop offset="1" stop-color="#f5d9f0" />
</linearGradient>
<path fill="url(#a)" d="M16.06 63.94h48v48h-48z" />
<path fill="url(#b)" d="M63.94 16.06h48v48h-48z" />
<path
fill="#97ffd2"
d="M112 37v31a3 3 0 0 1-3 3h-6.5l3.5 7-5.4-3-7.2-4H77V53a3 3 0 0 0-3-3H51V37a3 3 0 0 1 3-3h55a3 3 0 0 1 3 3z"
/>
<path
fill="#5bdd9f"
d="M112 38v30a3 3 0 0 1-3 3h-6.5l2.81 5.62L102.4 75h-1.8l-7.2-4H77V53a3 3 0 0 0-3-3H60v-9a3 3 0 0 1 3-3z"
/>
<path
fill="#b7c5ff"
d="M77 53v31a3 3 0 0 1-3 3H34.6l-7.27 4L22 94l.66-1.33L25.5 87H19a3 3 0 0 1-3-3V53a3 3 0 0 1 3-3h55a3 3 0 0 1 3 3z"
/>
<path
fill="#83a1dd"
d="M68 57v30H34.6l-7.27 4H25.6l-2.94 1.63L25.5 87H19a3 3 0 0 1-3-3V54h49a3 3 0 0 1 3 3z"
/>
<path
fill="#ffdbed"
d="M27.5 67.57a4.79 4.79 0 1 0-4.79-4.78 4.79 4.79 0 0 0 4.79 4.78zm0-7.57a2.79 2.79 0 1 1-2.79 2.79A2.79 2.79 0 0 1 27.5 60z"
/>
<path
fill="#97ffd2"
d="M28.68 77a1 1 0 0 0 0 2h3.53a1 1 0 0 0 1-1v-2.25a5.71 5.71 0 0 0-11.42 0V78a1 1 0 0 0 2 0v-2.25a3.71 3.71 0 0 1 7.42 0V77z"
/>
<circle cx="64" cy="57" r="1" fill="#97ffd2" />
<circle cx="70" cy="57" r="1" fill="#ffdbed" />
<circle cx="58" cy="57" r="1" fill="#ffdbed" />
<path
fill="#97ffd2"
d="M39 78a1 1 0 0 0 1 1h27a1 1 0 0 0 0-2H40a1 1 0 0 0-1 1z"
/>
<path
fill="#ffdbed"
d="M39 73a1 1 0 0 0 1 1h19a1 1 0 0 0 0-2H40a1 1 0 0 0-1 1z"
/>
<path fill="#97ffd2" d="M53 67H40a1 1 0 0 0 0 2h13a1 1 0 0 0 0-2z" />
<path
fill="#ffdbed"
d="M47 62h-7a1 1 0 0 0 0 2h7a1 1 0 0 0 0-2zM100.5 51.57a4.79 4.79 0 1 0-4.79-4.78 4.79 4.79 0 0 0 4.79 4.78zm0-7.57a2.79 2.79 0 1 1-2.79 2.79A2.79 2.79 0 0 1 100.5 44z"
/>
<path
fill="#ff7eb8"
d="M94.79 62a1 1 0 0 0 1 1h3.53a1 1 0 0 0 0-2h-2.53v-1.25a3.71 3.71 0 1 1 7.42 0V62a1 1 0 0 0 2 0v-2.25a5.71 5.71 0 1 0-11.42 0z"
/>
<path
fill="#2626bc"
d="M109 33H54a4 4 0 0 0-4 4v13a1 1 0 0 0 1 1h23a2 2 0 0 1 2 2v31a2 2 0 0 1-2 2H34.6a1.09 1.09 0 0 0-.49.13l-9.77 5.43L26.12 88h2.38a1 1 0 0 0 0-2H19a2 2 0 0 1-2-2V53a2 2 0 0 1 2-2h27a1 1 0 0 0 0-2H19a4 4 0 0 0-4 4v31a4 4 0 0 0 4 4h4.88l-2.77 5.55a1 1 0 0 0 .2 1.17 1 1 0 0 0 1.18.15L34.86 88H74a4 4 0 0 0 4-4V72h15.14l12.37 6.87a1 1 0 0 0 1.38-1.32L104.12 72H109a4 4 0 0 0 4-4V37a4 4 0 0 0-4-4zm2 35a2 2 0 0 1-2 2h-8.5a1 1 0 0 0 0 2h1.38l1.78 3.56-9.77-5.43a1 1 0 0 0-.49-.13H78V53a4 4 0 0 0-4-4H52V37a2 2 0 0 1 2-2h55a2 2 0 0 1 2 2z"
/>
<circle cx="64" cy="41" r="1" fill="#ff7eb8" />
<circle cx="58" cy="41" r="1" fill="#ffdbed" />
<circle cx="70" cy="41" r="1" fill="#ffdbed" />
<path fill="#ff7eb8" d="M88 61h-6a1 1 0 0 0 0 2h6a1 1 0 0 0 0-2z" />
<path fill="#ffdbed" d="M88 56h-6a1 1 0 0 0 0 2h6a1 1 0 0 0 0-2z" />
<path fill="#ff7eb8" d="M88 51h-6a1 1 0 0 0 0 2h6a1 1 0 0 0 0-2z" />
<path fill="#ffdbed" d="M88 46h-7a1 1 0 0 0 0 2h7a1 1 0 0 0 0-2z" />
</svg>
More icons in the same style and category