Add icons to this collection by clicking the heart icon.
Rainbow icon - also known as chat, conversation, celebration, speech bubble, rainbow, communications, homosexual, pride, and world pride day. 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="a">
<stop offset="0" stop-color="#eaf6ff" />
<stop offset="1" stop-color="#b3dafe" />
</linearGradient>
<linearGradient
id="e"
x1="-742.955"
x2="-742.955"
y1="261.998"
y2="443.385"
gradientTransform="matrix(-1 0 0 1 -554 0)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#8ac9fe" stop-opacity="0" />
<stop offset=".066" stop-color="#85c2f3" stop-opacity=".066" />
<stop offset=".369" stop-color="#6fa2c3" stop-opacity=".37" />
<stop offset=".637" stop-color="#608ca0" stop-opacity=".637" />
<stop offset=".857" stop-color="#567e8b" stop-opacity=".857" />
<stop offset="1" stop-color="#537983" />
</linearGradient>
<linearGradient
id="f"
x1="188.964"
x2="188.964"
y1="425.346"
y2="540.912"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="g"
x1="263.41"
x2="182.41"
y1="362.672"
y2="138.672"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#f5f173" />
<stop offset="1" stop-color="#fbb03b" />
</linearGradient>
<linearGradient
id="h"
x1="250.532"
x2="306.533"
y1="107.256"
y2="219.256"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#db841d" stop-opacity="0" />
<stop offset="1" stop-color="#f7931e" />
</linearGradient>
<linearGradient
id="i"
x1="200.195"
x2="200.195"
y1="221"
y2="283.099"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="j"
x1="258.01"
x2="317.01"
y1="103.994"
y2="251.993"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7657e" />
<stop offset="1" stop-color="#ff1d25" />
</linearGradient>
<linearGradient
id="k"
x1="119.783"
x2="119.783"
y1="221"
y2="283.099"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff1d25" stop-opacity="0" />
<stop offset="1" stop-color="#7e0034" />
</linearGradient>
<linearGradient
id="l"
x1="247.582"
x2="308.582"
y1="94.736"
y2="233.736"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fca52c" />
<stop offset="1" stop-color="#f15a24" />
</linearGradient>
<linearGradient
id="m"
x1="151.652"
x2="151.652"
y1="221"
y2="283.099"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#db841d" stop-opacity="0" />
<stop offset="1" stop-color="#ff5831" />
</linearGradient>
<linearGradient
id="n"
x1="244.447"
x2="312.447"
y1="125.655"
y2="236.655"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#69d774" />
<stop offset="1" stop-color="#2e8e59" />
</linearGradient>
<linearGradient
id="o"
x1="216.371"
x2="216.371"
y1="221"
y2="283.099"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#017b4e" stop-opacity="0" />
<stop offset=".853" stop-color="#026b43" stop-opacity=".853" />
<stop offset="1" stop-color="#026841" />
</linearGradient>
<linearGradient
id="p"
x1="257.362"
x2="322.363"
y1="146.908"
y2="261.908"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#89e2ff" />
<stop offset="1" stop-color="#3fa9f5" />
</linearGradient>
<linearGradient
id="q"
x1="248.65"
x2="248.65"
y1="221"
y2="283.099"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#2740b0" stop-opacity="0" />
<stop offset=".288" stop-color="#243ca6" stop-opacity=".288" />
<stop offset=".774" stop-color="#1d308c" stop-opacity=".774" />
<stop offset="1" stop-color="#192a7d" />
</linearGradient>
<linearGradient
id="r"
x1="267.859"
x2="310.859"
y1="182.905"
y2="245.905"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#bb9ae2" />
<stop offset="1" stop-color="#662d91" />
</linearGradient>
<linearGradient
id="s"
x1="403.545"
x2="403.545"
y1="196.779"
y2="234.39"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="t"
x1="280.61"
x2="280.61"
y1="221"
y2="283.099"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#662d91" stop-opacity="0" />
<stop offset=".238" stop-color="#592989" stop-opacity=".238" />
<stop offset=".672" stop-color="#381e76" stop-opacity=".672" />
<stop offset="1" stop-color="#1b1464" />
</linearGradient>
<linearGradient
id="u"
x1="341.781"
x2="135.732"
y1="409.146"
y2="200.429"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="v"
x1="241.807"
x2="91.307"
y1="405.081"
y2="242.081"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="w"
x1="140.855"
x2="8.355"
y1="399.511"
y2="258.01"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="x"
x1="92.288"
x2="92.288"
y1="328.347"
y2="387.717"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="y"
x1="92.288"
x2="92.288"
y1="358.507"
y2="390.78"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="z"
x1="188.955"
x2="188.955"
y1="328.347"
y2="387.717"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="A"
x1="188.955"
x2="188.955"
y1="358.507"
y2="390.78"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="B"
x1="285.622"
x2="285.622"
y1="328.347"
y2="387.717"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="C"
x1="285.622"
x2="285.622"
y1="358.507"
y2="390.78"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<path
fill="url(#e)"
d="M179.321 216.411h19.268c98.509 0 178.366 61.117 178.366 136.509s-79.857 136.509-178.366 136.509h-19.268c-10.373 0-20.522-.716-30.41-2.017l-56.29 21.399c-12.812 4.87-26.094-5.946-23.92-19.478l4.306-26.803C29.287 437.651.955 397.82.955 352.92c0-75.392 79.857-136.509 178.366-136.509z"
/>
<path
fill="url(#f)"
d="M13.138 402.56h351.651c-25.947 50.847-90.574 86.869-166.2 86.869h-19.268c-10.373 0-20.522-.716-30.41-2.017l-56.29 21.399c-12.812 4.87-26.094-5.946-23.92-19.478l4.306-26.803c-26.665-15.173-47.589-35.915-59.869-59.97z"
/>
<path
fill="url(#g)"
d="M198.589 216.411h-19.268c-25.439 0-49.629 4.085-71.526 11.43v46.909l191.072 191.072c47.133-24.568 78.088-65.967 78.088-112.902 0-75.392-79.857-136.509-178.366-136.509z"
/>
<path
fill="url(#h)"
d="M500.125 198.28v19.78h-193.27v-20.47c0-2.939-2.534-5.293-5.521-4.994-2.605.26-4.509 2.606-4.509 5.224v75.252c0 8.628-8.683 14.563-16.711 11.401a207.18 207.18 0 0 0-15.249-5.324c-.16-.05-.32-.1-.47-.15a221.412 221.412 0 0 0-31.81-7.12c-.05 0-.1-.01-.15-.02a233.436 233.436 0 0 0-32.28-2.44c-.52-.01-1.05-.01-1.57-.01h-19.26c-3.85 0-7.67.09-11.46.28-10.92.53-21.57 1.81-31.87 3.78-.19.03-.37.07-.56.11a218.976 218.976 0 0 0-16.388 3.822c-7.795 2.139-15.482-3.725-15.482-11.808V198.28c0-52.96 20.62-102.75 58.07-140.2C199.085 20.62 248.875 0 301.845 0c52.96 0 102.75 20.62 140.2 58.08 37.45 37.45 58.08 87.24 58.08 140.2z"
/>
<path
fill="url(#i)"
d="M103.565 198.28v67.315c0 8.083 7.687 13.947 15.482 11.808a218.976 218.976 0 0 1 16.388-3.822c.19-.04.37-.08.56-.11 10.3-1.97 20.95-3.25 31.87-3.78 3.79-.19 7.61-.28 11.46-.28h19.26c.52 0 1.05 0 1.57.01 11.03.07 21.81.91 32.28 2.44.05.01.1.02.15.02 10.99 1.63 21.63 4.03 31.81 7.12.15.05.31.1.47.15a206.715 206.715 0 0 1 15.249 5.324c8.028 3.162 16.711-2.774 16.711-11.401V197.82H103.571c-.001.153-.006.306-.006.46z"
/>
<path
fill="url(#j)"
d="M500.125 198.28v19.78h-32.43v-18.175c0-91.675-73.705-167.199-165.38-167.455-91.665-.255-166.32 74.243-166.32 165.849v75.19l-.003.003a219.046 219.046 0 0 0-16.961 3.934c-7.788 2.138-15.467-3.736-15.467-11.812V198.28c0-52.96 20.62-102.75 58.07-140.2C199.085 20.62 248.875 0 301.845 0c52.96 0 102.75 20.62 140.2 58.08 37.45 37.45 58.08 87.24 58.08 140.2z"
/>
<path
fill="url(#k)"
d="M103.571 197.82c0 .154-.006.307-.006.46v67.315c0 8.076 7.678 13.95 15.467 11.812a219.401 219.401 0 0 1 16.961-3.934l.003-.003v-75.19c0-.154.005-.307.006-.46z"
/>
<path
fill="url(#l)"
d="M468.245 198.06v20h-32.43v-20c0-73.87-60.1-133.97-133.97-133.97-73.88 0-133.98 60.1-133.98 133.97v71.63c-10.92.53-21.57 1.81-31.87 3.78-.19.03-.37.07-.56.11v-75.52c0-91.75 74.65-166.4 166.41-166.4 91.75 0 166.4 74.65 166.4 166.4z"
/>
<path
fill="url(#m)"
d="m135.438 197.82-.003.24v75.52c.19-.04.37-.08.56-.11 10.3-1.97 20.95-3.25 31.87-3.78v-71.63l.003-.24z"
/>
<path
fill="url(#n)"
d="M403.535 197.9v20.16h-32.44V197.9c0-38.19-31.06-69.26-69.25-69.26s-69.26 31.07-69.26 69.26v73.98c-.05 0-.1-.01-.15-.02a233.436 233.436 0 0 0-32.28-2.44V197.9c0-56.07 45.62-101.69 101.69-101.69s101.69 45.62 101.69 101.69z"
/>
<path
fill="url(#o)"
d="m200.156 197.82-.001.08v71.52c11.03.07 21.81.91 32.28 2.44.05.01.1.02.15.02V197.9l.002-.08z"
/>
<path
fill="url(#p)"
d="M371.255 197.59v20.47h-32.43v-20.47c0-20.39-16.59-36.98-36.98-36.98s-36.98 16.59-36.98 36.98v81.56c-.16-.05-.32-.1-.47-.15a221.412 221.412 0 0 0-31.81-7.12c-.05 0-.1-.01-.15-.02v-74.27c0-38.28 31.13-69.41 69.41-69.41 38.27 0 69.41 31.13 69.41 69.41z"
/>
<path
fill="url(#q)"
d="M264.865 279.15v-81.33h-32.43v74.04c.05.01.1.02.15.02 10.99 1.63 21.63 4.03 31.81 7.12.15.05.31.1.47.15z"
/>
<path
fill="url(#r)"
d="M339.285 198.282v19.778h-32.43v-20.47c0-2.939-2.534-5.293-5.521-4.994-2.605.26-4.509 2.606-4.509 5.224v75.252c0 8.621-8.675 14.568-16.696 11.408a207.412 207.412 0 0 0-15.727-5.471l-.007-.009v-81.41c0-20.948 17.289-37.934 38.347-37.439 20.441.48 36.543 17.684 36.543 38.131z"
/>
<path
fill="url(#s)"
d="M318.094 237.055h170.901c11.073 0 20.049-8.976 20.049-20.049 0-11.073-8.976-20.049-20.049-20.049H318.094c-11.073 0-20.049 8.976-20.049 20.049 0 11.073 8.976 20.049 20.049 20.049z"
/>
<path
fill="url(#t)"
d="m264.395 279 .007.009a206.537 206.537 0 0 1 15.727 5.471c8.021 3.16 16.696-2.787 16.696-11.408V197.82h-32.43z"
/>
<path
fill="url(#u)"
d="m304.831 333.457-38.419 38.419 68.796 68.796c14.211-12.946 25.343-27.936 32.522-44.317z"
/>
<path
fill="url(#v)"
d="M274.385 476.516c18.664-6.716 35.563-15.829 50.009-26.83L208.165 333.457l-38.419 38.419z"
/>
<path
fill="url(#w)"
d="m111.498 333.457-38.419 38.419 117.552 117.553h7.958c21.334 0 41.79-2.871 60.753-8.128z"
/>
<circle cx="92.288" cy="352.667" r="27.167" fill="url(#x)" />
<path
fill="url(#y)"
d="M92.288 379.833c15.004 0 27.167-12.163 27.167-27.167H65.122c0 15.004 12.163 27.167 27.166 27.167z"
/>
<circle cx="188.955" cy="352.667" r="27.167" fill="url(#z)" />
<path
fill="url(#A)"
d="M188.955 379.833c15.004 0 27.167-12.163 27.167-27.167h-54.333c-.001 15.004 12.162 27.167 27.166 27.167z"
/>
<circle cx="285.622" cy="352.667" r="27.167" fill="url(#B)" />
<path
fill="url(#C)"
d="M285.622 379.833c15.004 0 27.167-12.163 27.167-27.167h-54.333c-.001 15.004 12.162 27.167 27.166 27.167z"
/>
</svg>
More icons in the same style and category