Add icons to this collection by clicking the heart icon.
Web Chat icon - also known as chat, speech bubble, browser, webpage, communications, web chat, and contact us. 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 512 512"
>
<linearGradient
id="d"
x1="74.98"
x2="437.019"
y1="437.019"
y2="74.98"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff4747" />
<stop offset="1" stop-color="#fffa78" />
</linearGradient>
<radialGradient
id="e"
cx="256"
cy="256"
r="256"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff4747" stop-opacity=".6" />
<stop offset="1" stop-color="#fff200" stop-opacity="0" />
</radialGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#fffa78" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="f"
x1="60.168"
x2="544.183"
y1="560.941"
y2="76.926"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#ffcb00" />
<stop offset=".5" stop-color="#fffa78" />
<stop offset="1" stop-color="#feffd6" />
</linearGradient>
<linearGradient
id="g"
x1="-55.495"
x2="440.239"
y1="523.839"
y2="28.106"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#ff4747" />
<stop offset="1" stop-color="#fff200" />
</linearGradient>
<linearGradient
id="h"
x1="63.013"
x2="621.858"
y1="480.361"
y2="-78.485"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="i"
x1="145.297"
x2="536.035"
y1="277.182"
y2="-113.555"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="j"
x1="34.55"
x2="190.133"
y1="256.224"
y2="100.641"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="k"
x1="36.67"
x2="214.933"
y1="254.118"
y2="75.855"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="l"
x1="49.658"
x2="204.392"
y1="285.746"
y2="131.012"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="m"
x1="71.624"
x2="248.679"
y1="263.796"
y2="86.741"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="n"
x1="168.016"
x2="321.622"
y1="212.432"
y2="58.825"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="o"
x1="188.273"
x2="363.971"
y1="192.192"
y2="16.494"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="p"
x1="-59.353"
x2="461.515"
y1="664.5"
y2="143.633"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="q"
x1="31.339"
x2="424.226"
y1="458.181"
y2="65.294"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="r"
x1="-124.594"
x2="407.126"
y1="808.793"
y2="277.074"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="s"
x1="-110.859"
x2="407.188"
y1="700.63"
y2="182.583"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="t"
x1="42.475"
x2="462.782"
y1="416.33"
y2="-3.977"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="u"
x1="40.701"
x2="532.648"
y1="466.555"
y2="-25.392"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="v"
x1="-354.256"
x2="553.451"
y1="938.682"
y2="30.975"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="w"
x1="148.569"
x2="499.84"
y1="319.953"
y2="-31.318"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="x"
x1="150.03"
x2="488.176"
y1="419.614"
y2="81.469"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="y"
x1="170.566"
x2="539.673"
y1="339.637"
y2="-29.47"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="z"
x1="173.999"
x2="512.432"
y1="433.567"
y2="95.133"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<circle cx="256" cy="256" r="256" fill="url(#d)" />
<circle cx="256" cy="256" r="256" fill="url(#e)" />
<path
fill="url(#f)"
d="M407 112.82c-20-.864-40-1.557-60-2.078a5661.856 5661.856 0 0 1 1.41 259.459c20.31-.321 40.62-.748 60.929-1.281 8.407-.227 15.451-7.143 15.682-15.42 2.059-75 1.302-150-2.269-225-.4-8.277-7.476-15.316-15.752-15.68z"
/>
<path
fill="url(#g)"
d="M347 110.742a3495.497 3495.497 0 0 0-242 2.078c-8.277.364-15.351 7.404-15.752 15.68-3.571 75-4.328 150-2.269 225 .231 8.277 7.274 15.192 15.682 15.42 33.011.866 66.023 1.453 99.035 1.76 5.332.049 10.302 2.895 13.093 7.514a6935.313 6935.313 0 0 1 28.347 47.257c5.892 9.92 19.835 9.92 25.728 0a6976.3 6976.3 0 0 1 28.347-47.257c2.792-4.619 7.762-7.464 13.093-7.514 12.702-.118 25.403-.277 38.105-.478 8.407-.137 15.37-7.081 15.519-15.483 1.315-76.11.832-152.221-1.449-228.331-.257-8.403-7.203-15.427-15.479-15.646z"
/>
<path
fill="url(#h)"
d="M407.684 127.884a3898.64 3898.64 0 0 0-45.204-1.498c-18.874 40.043-38.948 80.703-59.354 121.589 35.815-20.395 71.478-40.539 106.61-59.832a3322.264 3322.264 0 0 0-2.052-60.259z"
/>
<path
fill="url(#i)"
d="M104.316 127.884a3331.086 3331.086 0 0 0-2.053 60.259c86.717 18.145 174.471 39.35 262.332 60.02a4839.265 4839.265 0 0 0-2.115-121.777 3898.847 3898.847 0 0 0-258.164 1.498z"
/>
<path
fill="url(#j)"
d="M148.704 156.831c-.195 8.412-7.15 15.351-15.567 15.524-8.416.172-15.06-6.435-14.8-14.781s7.272-15.333 15.622-15.57c8.351-.238 14.937 6.416 14.745 14.827z"
/>
<path
fill="url(#k)"
d="M137.123 164.682c-8.404.18-15.029-6.425-14.759-14.78.029-.923.154-1.825.341-2.707-2.586 2.773-4.247 6.414-4.369 10.379-.261 8.347 6.383 14.953 14.8 14.781 7.486-.156 13.807-5.665 15.249-12.803-2.844 3.062-6.85 5.033-11.262 5.13z"
/>
<path
fill="url(#l)"
d="M194.254 156.063c-.109 8.466-7.008 15.397-15.425 15.507-8.417.108-15.119-6.615-14.942-15.04.176-8.425 7.111-15.404 15.459-15.553 8.349-.15 15.017 6.62 14.908 15.086z"
/>
<path
fill="url(#m)"
d="M182.748 163.868c-8.404.11-15.091-6.612-14.911-15.043.02-.931.135-1.841.311-2.729-2.558 2.772-4.18 6.432-4.26 10.433-.176 8.426 6.526 15.148 14.942 15.04 7.486-.098 13.762-5.596 15.133-12.77-2.815 3.058-6.803 5.009-11.215 5.069z"
/>
<path
fill="url(#n)"
d="M239.804 155.708c-.026 8.49-6.866 15.389-15.282 15.434-8.416.043-15.177-6.77-15.085-15.244.092-8.473 6.947-15.419 15.296-15.48 8.349-.06 15.095 6.801 15.071 15.29z"
/>
<path
fill="url(#o)"
d="M228.372 163.44c-8.404.041-15.154-6.775-15.064-15.251.009-.936.114-1.849.282-2.741-2.528 2.761-4.111 6.427-4.152 10.45-.091 8.474 6.669 15.287 15.085 15.244 7.486-.04 13.715-5.508 15.017-12.691-2.786 3.042-6.756 4.967-11.168 4.989z"
/>
<path
fill="url(#p)"
d="M409.737 188.143c-15.272-.34-30.544-.629-45.816-.868-14.761 29.13-30.008 58.562-45.397 88.135 30.754-9.147 61.5-18.216 92.173-27.008a3326.706 3326.706 0 0 0-.96-60.259z"
/>
<path
fill="url(#q)"
d="M102.263 188.143a3326.56 3326.56 0 0 0-.96 60.259c87.591 24.574 175.761 51.363 263.056 75.872.501-45.666.355-91.333-.438-136.999a6908.015 6908.015 0 0 0-261.658.868z"
/>
<path
fill="url(#r)"
d="M364.595 248.164a16957.523 16957.523 0 0 0-61.486 53.524 34996.826 34996.826 0 0 0 60.82 53.031c15.273-.237 30.546-.525 45.819-.863.874-35.151 1.19-70.302.949-105.453a24435.18 24435.18 0 0 0-46.102-.239z"
/>
<path
fill="url(#s)"
d="M394.773 202.943a8444.988 8444.988 0 0 0-30.612-.446 7448.969 7448.969 0 0 0-30.474 14.961 13427.379 13427.379 0 0 0 30.811 15.483c10.236.073 20.471.155 30.707.248a3721.232 3721.232 0 0 0-.432-30.246z"
/>
<path
fill="url(#t)"
d="M117.227 202.943a3719.534 3719.534 0 0 0-.432 30.247c82.568-.751 165.136-.834 247.704-.248-.08-10.148-.193-20.296-.337-30.444a8473.028 8473.028 0 0 0-246.935.445z"
/>
<path
fill="url(#u)"
d="M202.215 247.989c-33.637.071-67.274.209-100.911.413-.241 35.151.075 70.302.949 105.453a6944.66 6944.66 0 0 0 207.203 1.496c-35.334-35.513-71.468-71.65-107.241-107.362z"
/>
<path
fill="url(#v)"
d="M202.215 247.989c-.049 59.16 48.407 107.802 107.241 107.362 18.158-.14 36.316-.351 54.474-.633.614-35.518.835-71.036.666-106.555-54.128-.23-108.254-.288-162.381-.174z"
/>
<path
fill="url(#w)"
d="M155.043 278.618c-4.246-.004-7.683 3.399-7.669 7.601.013 4.202 3.47 7.625 7.713 7.642 19.162.074 38.323.128 57.485.16 5.248-7.668 2.148-12.985-5.916-15.354a80717.44 80717.44 0 0 1-51.613-.049z"
/>
<path
fill="url(#x)"
d="M356.957 278.618c-50.101.064-100.201.08-150.302.049a106.517 106.517 0 0 0 5.916 15.354c48.114.08 96.228.027 144.342-.16 4.243-.018 7.7-3.44 7.713-7.642.015-4.202-3.423-7.605-7.669-7.601z"
/>
<path
fill="url(#y)"
d="M221.534 309.394c-22.12-.049-44.24-.146-66.359-.29-4.24-.026-7.651 3.357-7.611 7.559.039 4.202 3.512 7.644 7.744 7.684 26.417.241 52.834.388 79.251.439 4.813-7.678-.026-15.366-13.025-15.392z"
/>
<path
fill="url(#z)"
d="M356.825 309.104c-45.097.294-90.194.39-135.291.29a109.356 109.356 0 0 0 13.025 15.392c40.711.079 81.422-.067 122.133-.439 4.234-.04 7.704-3.481 7.744-7.684.04-4.202-3.371-7.585-7.611-7.559z"
/>
</svg>
More icons in the same style and category