Add icons to this collection by clicking the heart icon.
Chat Bubble icon - also known as message, heart, conversation, love, speech bubble, romantic, chat bubble, communications, and love and romance. Created in a clean lineal color style with a silver, gray, black, yellow, orange, 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0v99.646c0 16.421-13.316 29.733-29.744 29.733h-102.438c-42.521 0-53.816-17.188-53.816-38.389V-20.915l15.412-25.229 6.516 3.621a32.869 32.869 0 0 0 15.944 4.134h109.722C-17.199-38.389 0-21.207 0 0"
transform="translate(317.242 74.684)"
fill="#7ee6fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-40.262c-21.211 0-38.405-17.187-38.405-38.389v-137.718c0-9.766 10.503-15.939 19.047-11.202l21.216 11.787v137.133C-38.404-17.187-21.21 0 0 0"
transform="translate(185.06 204.063)"
fill="#04d5fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c.037 68.735-51.145 125.53-117.485 134.36-93.197-13.853-115.954-76.812-115.954-135.042 0-57.33 27.502-114.833 113.751-133.812C-52.441-126.59-.038-69.008 0 0"
transform="translate(505.5 286.04)"
fill="#fce760"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 58.229 32.356 108.901 80.074 135.042C-.885 145.818-72.115 83.065-73.511 3.16c-.362-20.724 3.936-40.406 11.917-58.07 4.83-10.708 5.614-22.803 1.868-33.933l-6.225-18.487c-4.126-12.264 7.571-23.956 19.84-19.831l18.495 6.222c11.135 3.744 23.233 2.96 33.946-1.867 22.429-10.127 47.271-13.86 71.542-11.006C31.364-107.332 0-57.33 0 0"
transform="translate(307.94 285.357)"
fill="#fece59"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-126.509c-48.445 0-60.828-17.192-60.828-38.389v-111.403c0-21.197 7.362-38.39 60.828-38.39h102.191a32.948 32.948 0 0 0 15.944-4.125l16.958-9.414v-.009l10.773-5.982c8.545-4.747 19.047 1.425 19.047 11.2v158.123C38.404-17.192 21.205 0 0 0"
transform="translate(226.126 496.873)"
fill="#7b84d9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v111.403c0 21.197 17.199 38.389 38.405 38.389h-52.713c-21.205 0-38.404-17.192-38.404-38.389V0c0-21.197 17.199-38.39 38.404-38.39h52.713C17.199-38.39 0-21.197 0 0"
transform="translate(61.212 347.081)"
fill="#6e69d9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c84.921 63.711 41.718 141.041-14.78 111.846a17.13 17.13 0 0 0-9.742-1.797c-19.864-7.725-34.25-31.006-34.25-53.31 0-21.646 5.35-45.913 33.556-64.202A37.671 37.671 0 0 1 0 0"
transform="translate(392.586 230.79)"
fill="#fe8d9e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a17.15 17.15 0 0 0-5.961 1.797c-56.497 29.195-99.701-48.145-14.779-111.846a37.691 37.691 0 0 1 20.047-7.463C-16.608-83.003-16.938-35.341 0 0"
transform="translate(368.063 340.838)"
fill="#fe5b71"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c84.921 63.711 41.718 141.041-14.78 111.846a17.139 17.139 0 0 0-15.703 0C-86.98 141.041-130.185 63.701-45.263 0A37.667 37.667 0 0 1 0 0Z"
transform="translate(392.586 230.79)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c24.91 30.792 62.983 50.543 105.354 50.563 74.912.041 135.656-60.679 135.616-135.561-.04-73.546-59.56-134.115-133.136-135.4-20.058-.35-39.62 3.622-58.094 11.913-10.713 4.828-22.811 5.61-33.946 1.867l-18.495-6.223c-12.269-4.125-23.966 7.568-19.84 19.832l6.226 18.488c3.696 10.995 3.016 23.097-1.869 33.932-9.419 20.845-13.104 43.263-11.636 64.694"
transform="translate(264.53 371.037)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h21.336C42.541 0 59.74-17.192 59.74-38.389v-158.123c0-9.775-10.502-15.947-19.047-11.2L29.92-201.73v.009l-16.958 9.414a32.948 32.948 0 0 1-15.944 4.125h-154.904c-21.205 0-38.404 17.193-38.404 38.39v111.403C-196.29-17.192-179.091 0-157.886 0h122.744"
transform="translate(204.79 496.873)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-50.232a32.87 32.87 0 0 1-15.945-4.135l-27.731-15.406c-8.544-4.737-19.047 1.436-19.047 11.2v137.72c0 21.196 17.199 38.389 38.405 38.389H30.693"
transform="translate(219.349 36.295)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-86.574c0-21.207-17.199-38.389-38.404-38.389h-24.348"
transform="translate(317.242 161.258)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h180.728"
transform="translate(46.151 451.71)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h82.833"
transform="translate(46.151 361.383)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h180.728"
transform="translate(46.151 406.546)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-12.043"
transform="translate(146.656 125.91)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-12.043"
transform="translate(272.06 125.91)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c8.729-10.035 24.309-10.039 33.063 0"
transform="translate(192.832 114.228)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category