Add icons to this collection by clicking the heart icon.
Chat icon - also known as chat, heart, rainbow, communications, and pride. Created in a clean color 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 510 510"
>
<linearGradient
id="SVGID_1_"
gradientUnits="userSpaceOnUse"
x1="211.274"
x2="320.769"
y1="177.186"
y2="370.676"
>
<stop offset="0" stop-color="#f5f173" />
<stop offset="1" stop-color="#fbb03b" />
</linearGradient>
<linearGradient
id="SVGID_2_"
gradientUnits="userSpaceOnUse"
x1="451.603"
x2="247.999"
y1="421.397"
y2="217.793"
>
<stop offset="0" stop-color="#db841d" stop-opacity="0" />
<stop offset="1" stop-color="#f7931e" />
</linearGradient>
<linearGradient
id="SVGID_3_"
gradientUnits="userSpaceOnUse"
x1="255.012"
x2="255.012"
y1="363.453"
y2="563.512"
>
<stop offset="0" stop-color="#8ac9fe" stop-opacity="0" />
<stop offset=".0662" stop-color="#85c2f3" stop-opacity=".066" />
<stop offset=".3695" stop-color="#6fa2c3" stop-opacity=".37" />
<stop offset=".6372" stop-color="#608ca0" stop-opacity=".637" />
<stop offset=".8565" stop-color="#567e8b" stop-opacity=".857" />
<stop offset="1" stop-color="#537983" />
</linearGradient>
<linearGradient
id="SVGID_4_"
gradientUnits="userSpaceOnUse"
x1="225.264"
x2="316.759"
y1="45.027"
y2="168.021"
>
<stop offset="0" stop-color="#f7657e" />
<stop offset="1" stop-color="#ff1d25" />
</linearGradient>
<linearGradient
id="SVGID_5_"
gradientUnits="userSpaceOnUse"
x1="216.306"
x2="345.3"
y1="106.916"
y2="273.408"
>
<stop offset="0" stop-color="#fca52c" />
<stop offset="1" stop-color="#f15a24" />
</linearGradient>
<linearGradient
id="SVGID_6_"
gradientUnits="userSpaceOnUse"
x1="227.482"
x2="321.978"
y1="241.495"
y2="377.988"
>
<stop offset="0" stop-color="#69d774" />
<stop offset="1" stop-color="#2e8e59" />
</linearGradient>
<linearGradient
id="SVGID_7_"
gradientUnits="userSpaceOnUse"
x1="424.97"
x2="346.304"
y1="374.833"
y2="299.5"
>
<stop offset="0" stop-color="#017b4e" stop-opacity="0" />
<stop offset=".8532" stop-color="#026b43" stop-opacity=".853" />
<stop offset="1" stop-color="#026841" />
</linearGradient>
<linearGradient
id="SVGID_8_"
gradientUnits="userSpaceOnUse"
x1="253.209"
x2="340.205"
y1="341.288"
y2="458.283"
>
<stop offset="0" stop-color="#89e2ff" />
<stop offset="1" stop-color="#3fa9f5" />
</linearGradient>
<linearGradient
id="SVGID_9_"
gradientUnits="userSpaceOnUse"
x1="375.56"
x2="284.227"
y1="420.847"
y2="247.514"
>
<stop offset="0" stop-color="#2740b0" stop-opacity="0" />
<stop offset=".2879" stop-color="#243ca6" stop-opacity=".288" />
<stop offset=".7742" stop-color="#1d308c" stop-opacity=".774" />
<stop offset="1" stop-color="#192a7d" />
</linearGradient>
<linearGradient
id="SVGID_10_"
gradientUnits="userSpaceOnUse"
x1="187.501"
x2="287.996"
y1="372.056"
y2="504.05"
>
<stop offset="0" stop-color="#bb9ae2" />
<stop offset="1" stop-color="#662d91" />
</linearGradient>
<linearGradient
id="SVGID_11_"
gradientUnits="userSpaceOnUse"
x1="166.483"
x2="340.707"
y1="136.274"
y2="310.498"
>
<stop offset="0" stop-color="#eaf6ff" />
<stop offset="1" stop-color="#b3dafe" />
</linearGradient>
<linearGradient id="lg1">
<stop offset="0" stop-color="#662d91" stop-opacity="0" />
<stop offset=".2376" stop-color="#592989" stop-opacity=".238" />
<stop offset=".6717" stop-color="#381e76" stop-opacity=".672" />
<stop offset="1" stop-color="#1b1464" />
</linearGradient>
<linearGradient
id="SVGID_12_"
gradientUnits="userSpaceOnUse"
x1="379.273"
x2="282.606"
y1="485.788"
y2="331.121"
href="#lg1"
/>
<linearGradient
id="SVGID_13_"
gradientUnits="userSpaceOnUse"
x1="255.016"
x2="255.016"
y1="405"
y2="519.215"
href="#lg1"
/>
<g>
<g>
<g>
<path
d="m242.167 0h25.667c131.226 0 237.605 106.38 237.605 237.606v.001c0 131.226-106.38 237.605-237.606 237.605h-25.667c-13.818 0-27.338-1.246-40.51-3.51l-71.753 35.642c-17.839 8.861-38.371-5.675-35.94-25.444l6.579-53.507c-58.24-43.305-95.981-112.634-95.981-190.786v-.001c0-131.226 106.38-237.606 237.606-237.606z"
fill="url(#SVGID_1_)"
/>
<path
d="m168.125 324.5 146.159 146.159c93.95-18.621 167.961-92.622 186.596-186.567l-119.722-119.722z"
fill="url(#SVGID_2_)"
/>
<path
d="m20.79 324.008h468.443c-34.565 88.503-120.656 151.204-221.399 151.204h-25.667c-13.818 0-27.338-1.246-40.51-3.51l-71.753 35.642c-17.839 8.861-38.371-5.675-35.94-25.444l6.579-53.507c-35.521-26.412-63.394-62.515-79.753-104.385z"
fill="url(#SVGID_3_)"
/>
</g>
</g>
<g>
<path
d="m449.96 85h-389.92c4.47-5.34 9.18-10.48 14.11-15.41 43-42.99 102.41-69.59 168.02-69.59h25.66c73.13 0 138.55 33.04 182.13 85z"
fill="url(#SVGID_4_)"
/>
<path
d="m495.68 170h-481.36c9.35-31.57 25.09-60.41 45.72-85h389.92c20.63 24.59 36.37 53.43 45.72 85z"
fill="url(#SVGID_5_)"
/>
<path
d="m504.81 255c-2.19 30.26-10.04 58.94-22.51 85h-454.6c-12.46-26.05-20.32-54.74-22.51-85z"
fill="url(#SVGID_6_)"
/>
<path
d="m504.81 255c-.71 9.88-2.03 19.59-3.92 29.1-3.89 19.61-10.19 38.35-18.59 55.9h-298.68l-15.5-15.5 92.46-69.5z"
fill="url(#SVGID_7_)"
/>
<path
d="m482.3 340c-11.71 24.48-27.48 46.65-46.45 65.62-6.89 6.89-14.21 13.37-21.91 19.38h-317.83c-28.89-22.53-52.44-51.61-68.41-85z"
fill="url(#SVGID_8_)"
/>
<path
d="m482.3 340c-11.71 24.48-27.48 46.65-46.45 65.62-6.89 6.89-14.21 13.37-21.91 19.38h-145.32l-85-85z"
fill="url(#SVGID_9_)"
/>
<path
d="m413.94 425c-40.3 31.46-91.02 50.21-146.11 50.21h-25.66c-13.82 0-27.34-1.24-40.51-3.51l-71.76 35.64c-3.67 1.82-7.45 2.66-11.13 2.66-14.18 0-26.74-12.4-24.81-28.1l6.58-53.51c-1.49-1.11-2.97-2.24-4.43-3.39z"
fill="url(#SVGID_10_)"
/>
</g>
<path
d="m255 375.628c-5.267 0-10.543-1.247-15.257-3.606-14.246-7.13-42.066-22.417-68.309-44.704-34.139-28.992-54.375-60.112-60.144-92.494-4.481-25.155 1.917-50.835 17.554-70.455 14.482-18.17 35.003-28.788 57.784-29.899 1.339-.065 2.697-.098 4.033-.098 21.344 0 41.492 8.225 56.735 23.161 2.753 2.698 5.292 5.56 7.604 8.565 2.313-3.005 4.851-5.868 7.604-8.566 15.242-14.935 35.391-23.16 56.736-23.16 1.336 0 2.694.033 4.033.098 22.781 1.11 43.303 11.729 57.785 29.9 15.637 19.62 22.034 45.3 17.552 70.454-5.768 32.382-26.004 63.501-60.143 92.494-26.242 22.286-54.062 37.574-68.31 44.704-4.714 2.36-9.99 3.606-15.257 3.606z"
fill="url(#SVGID_11_)"
/>
<path
d="m413.94 425c-28.67 22.38-62.61 38.33-99.65 45.66l-45.67-45.66z"
fill="url(#SVGID_12_)"
/>
<path
d="m58.25 388c12.387 15.127 26.586 28.713 42.293 40.392l-6.579 53.507c-2.431 19.769 18.102 34.305 35.94 25.444l71.753-35.642c13.172 2.264 26.692 3.51 40.51 3.51h25.667c74.159 0 140.375-33.98 183.948-87.212h-393.532z"
fill="url(#SVGID_13_)"
/>
</g>
</svg>
More icons in the same style and category