people-chat-48 from Fluent UI System Color Icons by Microsoft Corporation · 48 · MIT Free for personal and commercial use.

Name
people-chat-48
Set
Fluent UI System Color Icons
Style
48
Viewbox
48×48
License
MIT

4 other variants in Fluent UI System Color Icons

The same icon in other sets

Related icons in Fluent UI System Color Icons

Use the people chat icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none"><path fill="url(#SVGmObpMdMn1)" d="M6.75 25A3.75 3.75 0 0 0 3 28.75V30s0 9 13 9s13-9 13-9v-1.25A3.75 3.75 0 0 0 25.25 25z"/><path fill="url(#SVGzOTyzccW1)" d="M6.75 25A3.75 3.75 0 0 0 3 28.75V30s0 9 13 9s13-9 13-9v-1.25A3.75 3.75 0 0 0 25.25 25z"/><path fill="url(#SVGIyaOmclF1)" fill-opacity=".5" d="M6.75 25A3.75 3.75 0 0 0 3 28.75V30s0 9 13 9s13-9 13-9v-1.25A3.75 3.75 0 0 0 25.25 25z"/><path fill="url(#SVGSHA6hbPG1)" d="M34 22a6 6 0 1 0 0-12a6 6 0 0 0 0 12"/><path fill="url(#SVGlzXoMega1)" d="M16 22a8 8 0 1 0 0-16a8 8 0 0 0 0 16"/><path fill="url(#SVGQpbvndtM1)" d="M45 35c0-6.076-4.925-11-11-11c-6.074 0-10.999 4.924-10.999 11c0 1.864.466 3.662 1.339 5.262l-1.302 4.516a.956.956 0 0 0 1.183 1.184l4.519-1.3A10.95 10.95 0 0 0 34 45.998c6.075 0 11-4.925 11-11"/><path fill="url(#SVGQ4jDdcxJ1)" d="M30 32h8a1 1 0 1 1 0 2h-8a1 1 0 1 1 0-2m-1 5a1 1 0 0 1 1-1h5a1 1 0 1 1 0 2h-5a1 1 0 0 1-1-1"/><defs><linearGradient id="SVGmObpMdMn1" x1="9.183" x2="13.986" y1="26.861" y2="41.103" gradientUnits="userSpaceOnUse"><stop offset=".125" stop-color="#bd96ff"/><stop offset="1" stop-color="#9c6cfe"/></linearGradient><linearGradient id="SVGzOTyzccW1" x1="16" x2="22.748" y1="23.333" y2="46.75" gradientUnits="userSpaceOnUse"><stop stop-color="#885edb" stop-opacity="0"/><stop offset="1" stop-color="#e362f8"/></linearGradient><linearGradient id="SVGSHA6hbPG1" x1="30.854" x2="36.969" y1="11.595" y2="21.36" gradientUnits="userSpaceOnUse"><stop offset=".125" stop-color="#9c6cfe"/><stop offset="1" stop-color="#7a41dc"/></linearGradient><linearGradient id="SVGlzXoMega1" x1="11.805" x2="19.959" y1="8.127" y2="21.147" gradientUnits="userSpaceOnUse"><stop offset=".125" stop-color="#bd96ff"/><stop offset="1" stop-color="#9c6cfe"/></linearGradient><linearGradient id="SVGQpbvndtM1" x1="23.786" x2="42.992" y1="28.125" y2="60.87" gradientUnits="userSpaceOnUse"><stop stop-color="#0fafff"/><stop offset="1" stop-color="#cc23d1"/></linearGradient><linearGradient id="SVGQ4jDdcxJ1" x1="29.875" x2="30.482" y1="32.105" y2="38.634" gradientUnits="userSpaceOnUse"><stop stop-color="#fdfdfd"/><stop offset="1" stop-color="#cceaff"/></linearGradient><radialGradient id="SVGIyaOmclF1" cx="0" cy="0" r="1" gradientTransform="matrix(5 11.49996 -11.9563 5.1984 29 35)" gradientUnits="userSpaceOnUse"><stop stop-color="#30116e"/><stop offset=".268" stop-color="#30116e" stop-opacity=".812"/><stop offset="1" stop-color="#30116e" stop-opacity="0"/></radialGradient></defs></g></svg>

React

import type { SVGProps } from "react";

export function FluentColorPeopleChat48(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none"><path fill="url(#SVGmObpMdMn1)" d="M6.75 25A3.75 3.75 0 0 0 3 28.75V30s0 9 13 9s13-9 13-9v-1.25A3.75 3.75 0 0 0 25.25 25z"/><path fill="url(#SVGzOTyzccW1)" d="M6.75 25A3.75 3.75 0 0 0 3 28.75V30s0 9 13 9s13-9 13-9v-1.25A3.75 3.75 0 0 0 25.25 25z"/><path fill="url(#SVGIyaOmclF1)" fillOpacity=".5" d="M6.75 25A3.75 3.75 0 0 0 3 28.75V30s0 9 13 9s13-9 13-9v-1.25A3.75 3.75 0 0 0 25.25 25z"/><path fill="url(#SVGSHA6hbPG1)" d="M34 22a6 6 0 1 0 0-12a6 6 0 0 0 0 12"/><path fill="url(#SVGlzXoMega1)" d="M16 22a8 8 0 1 0 0-16a8 8 0 0 0 0 16"/><path fill="url(#SVGQpbvndtM1)" d="M45 35c0-6.076-4.925-11-11-11c-6.074 0-10.999 4.924-10.999 11c0 1.864.466 3.662 1.339 5.262l-1.302 4.516a.956.956 0 0 0 1.183 1.184l4.519-1.3A10.95 10.95 0 0 0 34 45.998c6.075 0 11-4.925 11-11"/><path fill="url(#SVGQ4jDdcxJ1)" d="M30 32h8a1 1 0 1 1 0 2h-8a1 1 0 1 1 0-2m-1 5a1 1 0 0 1 1-1h5a1 1 0 1 1 0 2h-5a1 1 0 0 1-1-1"/><defs><linearGradient id="SVGmObpMdMn1" x1="9.183" x2="13.986" y1="26.861" y2="41.103" gradientUnits="userSpaceOnUse"><stop offset=".125" stopColor="#bd96ff"/><stop offset="1" stopColor="#9c6cfe"/></linearGradient><linearGradient id="SVGzOTyzccW1" x1="16" x2="22.748" y1="23.333" y2="46.75" gradientUnits="userSpaceOnUse"><stop stopColor="#885edb" stopOpacity="0"/><stop offset="1" stopColor="#e362f8"/></linearGradient><linearGradient id="SVGSHA6hbPG1" x1="30.854" x2="36.969" y1="11.595" y2="21.36" gradientUnits="userSpaceOnUse"><stop offset=".125" stopColor="#9c6cfe"/><stop offset="1" stopColor="#7a41dc"/></linearGradient><linearGradient id="SVGlzXoMega1" x1="11.805" x2="19.959" y1="8.127" y2="21.147" gradientUnits="userSpaceOnUse"><stop offset=".125" stopColor="#bd96ff"/><stop offset="1" stopColor="#9c6cfe"/></linearGradient><linearGradient id="SVGQpbvndtM1" x1="23.786" x2="42.992" y1="28.125" y2="60.87" gradientUnits="userSpaceOnUse"><stop stopColor="#0fafff"/><stop offset="1" stopColor="#cc23d1"/></linearGradient><linearGradient id="SVGQ4jDdcxJ1" x1="29.875" x2="30.482" y1="32.105" y2="38.634" gradientUnits="userSpaceOnUse"><stop stopColor="#fdfdfd"/><stop offset="1" stopColor="#cceaff"/></linearGradient><radialGradient id="SVGIyaOmclF1" cx="0" cy="0" r="1" gradientTransform="matrix(5 11.49996 -11.9563 5.1984 29 35)" gradientUnits="userSpaceOnUse"><stop stopColor="#30116e"/><stop offset=".268" stopColor="#30116e" stopOpacity=".812"/><stop offset="1" stopColor="#30116e" stopOpacity="0"/></radialGradient></defs></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none"><path fill="url(#SVGmObpMdMn1)" d="M6.75 25A3.75 3.75 0 0 0 3 28.75V30s0 9 13 9s13-9 13-9v-1.25A3.75 3.75 0 0 0 25.25 25z"/><path fill="url(#SVGzOTyzccW1)" d="M6.75 25A3.75 3.75 0 0 0 3 28.75V30s0 9 13 9s13-9 13-9v-1.25A3.75 3.75 0 0 0 25.25 25z"/><path fill="url(#SVGIyaOmclF1)" fill-opacity=".5" d="M6.75 25A3.75 3.75 0 0 0 3 28.75V30s0 9 13 9s13-9 13-9v-1.25A3.75 3.75 0 0 0 25.25 25z"/><path fill="url(#SVGSHA6hbPG1)" d="M34 22a6 6 0 1 0 0-12a6 6 0 0 0 0 12"/><path fill="url(#SVGlzXoMega1)" d="M16 22a8 8 0 1 0 0-16a8 8 0 0 0 0 16"/><path fill="url(#SVGQpbvndtM1)" d="M45 35c0-6.076-4.925-11-11-11c-6.074 0-10.999 4.924-10.999 11c0 1.864.466 3.662 1.339 5.262l-1.302 4.516a.956.956 0 0 0 1.183 1.184l4.519-1.3A10.95 10.95 0 0 0 34 45.998c6.075 0 11-4.925 11-11"/><path fill="url(#SVGQ4jDdcxJ1)" d="M30 32h8a1 1 0 1 1 0 2h-8a1 1 0 1 1 0-2m-1 5a1 1 0 0 1 1-1h5a1 1 0 1 1 0 2h-5a1 1 0 0 1-1-1"/><defs><linearGradient id="SVGmObpMdMn1" x1="9.183" x2="13.986" y1="26.861" y2="41.103" gradientUnits="userSpaceOnUse"><stop offset=".125" stop-color="#bd96ff"/><stop offset="1" stop-color="#9c6cfe"/></linearGradient><linearGradient id="SVGzOTyzccW1" x1="16" x2="22.748" y1="23.333" y2="46.75" gradientUnits="userSpaceOnUse"><stop stop-color="#885edb" stop-opacity="0"/><stop offset="1" stop-color="#e362f8"/></linearGradient><linearGradient id="SVGSHA6hbPG1" x1="30.854" x2="36.969" y1="11.595" y2="21.36" gradientUnits="userSpaceOnUse"><stop offset=".125" stop-color="#9c6cfe"/><stop offset="1" stop-color="#7a41dc"/></linearGradient><linearGradient id="SVGlzXoMega1" x1="11.805" x2="19.959" y1="8.127" y2="21.147" gradientUnits="userSpaceOnUse"><stop offset=".125" stop-color="#bd96ff"/><stop offset="1" stop-color="#9c6cfe"/></linearGradient><linearGradient id="SVGQpbvndtM1" x1="23.786" x2="42.992" y1="28.125" y2="60.87" gradientUnits="userSpaceOnUse"><stop stop-color="#0fafff"/><stop offset="1" stop-color="#cc23d1"/></linearGradient><linearGradient id="SVGQ4jDdcxJ1" x1="29.875" x2="30.482" y1="32.105" y2="38.634" gradientUnits="userSpaceOnUse"><stop stop-color="#fdfdfd"/><stop offset="1" stop-color="#cceaff"/></linearGradient><radialGradient id="SVGIyaOmclF1" cx="0" cy="0" r="1" gradientTransform="matrix(5 11.49996 -11.9563 5.1984 29 35)" gradientUnits="userSpaceOnUse"><stop stop-color="#30116e"/><stop offset=".268" stop-color="#30116e" stop-opacity=".812"/><stop offset="1" stop-color="#30116e" stop-opacity="0"/></radialGradient></defs></g></svg>
</template>

CSS

.icon-people-chat-48 {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22url(%23SVGmObpMdMn1)%22%20d%3D%22M6.75%2025A3.75%203.75%200%200%200%203%2028.75V30s0%209%2013%209s13-9%2013-9v-1.25A3.75%203.75%200%200%200%2025.25%2025z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGzOTyzccW1)%22%20d%3D%22M6.75%2025A3.75%203.75%200%200%200%203%2028.75V30s0%209%2013%209s13-9%2013-9v-1.25A3.75%203.75%200%200%200%2025.25%2025z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGIyaOmclF1)%22%20fill-opacity%3D%22.5%22%20d%3D%22M6.75%2025A3.75%203.75%200%200%200%203%2028.75V30s0%209%2013%209s13-9%2013-9v-1.25A3.75%203.75%200%200%200%2025.25%2025z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGSHA6hbPG1)%22%20d%3D%22M34%2022a6%206%200%201%200%200-12a6%206%200%200%200%200%2012%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGlzXoMega1)%22%20d%3D%22M16%2022a8%208%200%201%200%200-16a8%208%200%200%200%200%2016%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGQpbvndtM1)%22%20d%3D%22M45%2035c0-6.076-4.925-11-11-11c-6.074%200-10.999%204.924-10.999%2011c0%201.864.466%203.662%201.339%205.262l-1.302%204.516a.956.956%200%200%200%201.183%201.184l4.519-1.3A10.95%2010.95%200%200%200%2034%2045.998c6.075%200%2011-4.925%2011-11%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGQ4jDdcxJ1)%22%20d%3D%22M30%2032h8a1%201%200%201%201%200%202h-8a1%201%200%201%201%200-2m-1%205a1%201%200%200%201%201-1h5a1%201%200%201%201%200%202h-5a1%201%200%200%201-1-1%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGmObpMdMn1%22%20x1%3D%229.183%22%20x2%3D%2213.986%22%20y1%3D%2226.861%22%20y2%3D%2241.103%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.125%22%20stop-color%3D%22%23bd96ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%239c6cfe%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGzOTyzccW1%22%20x1%3D%2216%22%20x2%3D%2222.748%22%20y1%3D%2223.333%22%20y2%3D%2246.75%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23885edb%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23e362f8%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGSHA6hbPG1%22%20x1%3D%2230.854%22%20x2%3D%2236.969%22%20y1%3D%2211.595%22%20y2%3D%2221.36%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.125%22%20stop-color%3D%22%239c6cfe%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%237a41dc%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGlzXoMega1%22%20x1%3D%2211.805%22%20x2%3D%2219.959%22%20y1%3D%228.127%22%20y2%3D%2221.147%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.125%22%20stop-color%3D%22%23bd96ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%239c6cfe%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGQpbvndtM1%22%20x1%3D%2223.786%22%20x2%3D%2242.992%22%20y1%3D%2228.125%22%20y2%3D%2260.87%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%230fafff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23cc23d1%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGQ4jDdcxJ1%22%20x1%3D%2229.875%22%20x2%3D%2230.482%22%20y1%3D%2232.105%22%20y2%3D%2238.634%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23fdfdfd%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23cceaff%22%2F%3E%3C%2FlinearGradient%3E%3CradialGradient%20id%3D%22SVGIyaOmclF1%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(5%2011.49996%20-11.9563%205.1984%2029%2035)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2330116e%22%2F%3E%3Cstop%20offset%3D%22.268%22%20stop-color%3D%22%2330116e%22%20stop-opacity%3D%22.812%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2330116e%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22url(%23SVGmObpMdMn1)%22%20d%3D%22M6.75%2025A3.75%203.75%200%200%200%203%2028.75V30s0%209%2013%209s13-9%2013-9v-1.25A3.75%203.75%200%200%200%2025.25%2025z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGzOTyzccW1)%22%20d%3D%22M6.75%2025A3.75%203.75%200%200%200%203%2028.75V30s0%209%2013%209s13-9%2013-9v-1.25A3.75%203.75%200%200%200%2025.25%2025z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGIyaOmclF1)%22%20fill-opacity%3D%22.5%22%20d%3D%22M6.75%2025A3.75%203.75%200%200%200%203%2028.75V30s0%209%2013%209s13-9%2013-9v-1.25A3.75%203.75%200%200%200%2025.25%2025z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGSHA6hbPG1)%22%20d%3D%22M34%2022a6%206%200%201%200%200-12a6%206%200%200%200%200%2012%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGlzXoMega1)%22%20d%3D%22M16%2022a8%208%200%201%200%200-16a8%208%200%200%200%200%2016%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGQpbvndtM1)%22%20d%3D%22M45%2035c0-6.076-4.925-11-11-11c-6.074%200-10.999%204.924-10.999%2011c0%201.864.466%203.662%201.339%205.262l-1.302%204.516a.956.956%200%200%200%201.183%201.184l4.519-1.3A10.95%2010.95%200%200%200%2034%2045.998c6.075%200%2011-4.925%2011-11%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGQ4jDdcxJ1)%22%20d%3D%22M30%2032h8a1%201%200%201%201%200%202h-8a1%201%200%201%201%200-2m-1%205a1%201%200%200%201%201-1h5a1%201%200%201%201%200%202h-5a1%201%200%200%201-1-1%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGmObpMdMn1%22%20x1%3D%229.183%22%20x2%3D%2213.986%22%20y1%3D%2226.861%22%20y2%3D%2241.103%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.125%22%20stop-color%3D%22%23bd96ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%239c6cfe%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGzOTyzccW1%22%20x1%3D%2216%22%20x2%3D%2222.748%22%20y1%3D%2223.333%22%20y2%3D%2246.75%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23885edb%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23e362f8%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGSHA6hbPG1%22%20x1%3D%2230.854%22%20x2%3D%2236.969%22%20y1%3D%2211.595%22%20y2%3D%2221.36%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.125%22%20stop-color%3D%22%239c6cfe%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%237a41dc%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGlzXoMega1%22%20x1%3D%2211.805%22%20x2%3D%2219.959%22%20y1%3D%228.127%22%20y2%3D%2221.147%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.125%22%20stop-color%3D%22%23bd96ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%239c6cfe%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGQpbvndtM1%22%20x1%3D%2223.786%22%20x2%3D%2242.992%22%20y1%3D%2228.125%22%20y2%3D%2260.87%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%230fafff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23cc23d1%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGQ4jDdcxJ1%22%20x1%3D%2229.875%22%20x2%3D%2230.482%22%20y1%3D%2232.105%22%20y2%3D%2238.634%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23fdfdfd%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23cceaff%22%2F%3E%3C%2FlinearGradient%3E%3CradialGradient%20id%3D%22SVGIyaOmclF1%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(5%2011.49996%20-11.9563%205.1984%2029%2035)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2330116e%22%2F%3E%3Cstop%20offset%3D%22.268%22%20stop-color%3D%22%2330116e%22%20stop-opacity%3D%22.812%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2330116e%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-color/people-chat-48.svg?color=%231a73e8&size=48