chat multiple person icon
chat-multiple-person-48-filled from Fluent UI System Icons by Microsoft Corporation · 48 Filled · MIT Free for personal and commercial use.
- Name
- chat-multiple-person-48-filled
- Set
- Fluent UI System Icons
- Style
- 48 Filled
- Viewbox
- 48×48
- License
- MIT
11 other variants in Fluent UI System Icons
chat-multiple-person-16-filledchat-multiple-person-16-regularchat-multiple-person-20-filledchat-multiple-person-20-regularchat-multiple-person-24-filledchat-multiple-person-24-regularchat-multiple-person-28-filledchat-multiple-person-28-regularchat-multiple-person-32-filledchat-multiple-person-32-regularchat-multiple-person-48-regular
Related icons in Fluent UI System Icons
chat-add-16-filledchat-arrow-back-16-filledchat-arrow-back-down-16-filledchat-arrow-double-back-16-filledchat-bubbles-question-16-filledchat-checkmark-12-filledchat-cursor-16-filledchat-dismiss-16-filledchat-empty-12-filledchat-help-16-filledchat-hint-half-16-filledchat-history-20-filledchat-lock-16-filledchat-mail-20-filledchat-multiple-12-filledchat-multiple-checkmark-16-filledchat-multiple-heart-16-filledchat-multiple-minus-16-filledchat-off-16-filledchat-person-20-filledchat-settings-16-filledchat-sparkle-16-filledchat-video-20-filledchat-warning-16-filled
Use the chat multiple person icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M34.515 13.046C40.07 15.244 44 20.663 44 27l-.009.51a14.9 14.9 0 0 1-1.733 6.51l1.671 5.736c.385 1.325-.843 2.555-2.168 2.17h-.002l-5.73-1.673A14.94 14.94 0 0 1 29.001 42l-.387-.005a14.96 14.96 0 0 1-10.83-5.04q.603.044 1.217.045c.78 0 1.548-.055 2.3-.156a12.44 12.44 0 0 0 7.377 2.652l.323.004c2.28 0 4.414-.61 6.252-1.675c.295-.17.649-.213.976-.118l4.916 1.435l-1.434-4.92a1.25 1.25 0 0 1 .118-.976a12.4 12.4 0 0 0 1.663-5.82l.007-.426a12.49 12.49 0 0 0-5.885-10.605a17 17 0 0 0-1.099-3.35m-15.13-8.041C27.49 5.21 33.997 11.845 33.997 20l-.005.387c-.202 7.977-6.63 14.406-14.607 14.608L19 35c-2.537 0-4.93-.633-7.028-1.747l-5.73 1.673H6.24c-1.325.384-2.553-.845-2.168-2.17l1.67-5.736a14.9 14.9 0 0 1-1.732-6.51L4.002 20c0-8.284 6.714-15 14.997-15zM14.5 21a3 3 0 0 0-3 3c0 3 3 5.5 7.5 5.5s7.5-2.5 7.5-5.5a3 3 0 0 0-3-3zM19 11a4 4 0 1 0 0 8.001A4 4 0 0 0 19 11"/></svg>
React
import type { SVGProps } from "react";
export function FluentChatMultiplePerson48Filled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M34.515 13.046C40.07 15.244 44 20.663 44 27l-.009.51a14.9 14.9 0 0 1-1.733 6.51l1.671 5.736c.385 1.325-.843 2.555-2.168 2.17h-.002l-5.73-1.673A14.94 14.94 0 0 1 29.001 42l-.387-.005a14.96 14.96 0 0 1-10.83-5.04q.603.044 1.217.045c.78 0 1.548-.055 2.3-.156a12.44 12.44 0 0 0 7.377 2.652l.323.004c2.28 0 4.414-.61 6.252-1.675c.295-.17.649-.213.976-.118l4.916 1.435l-1.434-4.92a1.25 1.25 0 0 1 .118-.976a12.4 12.4 0 0 0 1.663-5.82l.007-.426a12.49 12.49 0 0 0-5.885-10.605a17 17 0 0 0-1.099-3.35m-15.13-8.041C27.49 5.21 33.997 11.845 33.997 20l-.005.387c-.202 7.977-6.63 14.406-14.607 14.608L19 35c-2.537 0-4.93-.633-7.028-1.747l-5.73 1.673H6.24c-1.325.384-2.553-.845-2.168-2.17l1.67-5.736a14.9 14.9 0 0 1-1.732-6.51L4.002 20c0-8.284 6.714-15 14.997-15zM14.5 21a3 3 0 0 0-3 3c0 3 3 5.5 7.5 5.5s7.5-2.5 7.5-5.5a3 3 0 0 0-3-3zM19 11a4 4 0 1 0 0 8.001A4 4 0 0 0 19 11"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M34.515 13.046C40.07 15.244 44 20.663 44 27l-.009.51a14.9 14.9 0 0 1-1.733 6.51l1.671 5.736c.385 1.325-.843 2.555-2.168 2.17h-.002l-5.73-1.673A14.94 14.94 0 0 1 29.001 42l-.387-.005a14.96 14.96 0 0 1-10.83-5.04q.603.044 1.217.045c.78 0 1.548-.055 2.3-.156a12.44 12.44 0 0 0 7.377 2.652l.323.004c2.28 0 4.414-.61 6.252-1.675c.295-.17.649-.213.976-.118l4.916 1.435l-1.434-4.92a1.25 1.25 0 0 1 .118-.976a12.4 12.4 0 0 0 1.663-5.82l.007-.426a12.49 12.49 0 0 0-5.885-10.605a17 17 0 0 0-1.099-3.35m-15.13-8.041C27.49 5.21 33.997 11.845 33.997 20l-.005.387c-.202 7.977-6.63 14.406-14.607 14.608L19 35c-2.537 0-4.93-.633-7.028-1.747l-5.73 1.673H6.24c-1.325.384-2.553-.845-2.168-2.17l1.67-5.736a14.9 14.9 0 0 1-1.732-6.51L4.002 20c0-8.284 6.714-15 14.997-15zM14.5 21a3 3 0 0 0-3 3c0 3 3 5.5 7.5 5.5s7.5-2.5 7.5-5.5a3 3 0 0 0-3-3zM19 11a4 4 0 1 0 0 8.001A4 4 0 0 0 19 11"/></svg> </template>
CSS
.icon-chat-multiple-person-48-filled {
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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M34.515%2013.046C40.07%2015.244%2044%2020.663%2044%2027l-.009.51a14.9%2014.9%200%200%201-1.733%206.51l1.671%205.736c.385%201.325-.843%202.555-2.168%202.17h-.002l-5.73-1.673A14.94%2014.94%200%200%201%2029.001%2042l-.387-.005a14.96%2014.96%200%200%201-10.83-5.04q.603.044%201.217.045c.78%200%201.548-.055%202.3-.156a12.44%2012.44%200%200%200%207.377%202.652l.323.004c2.28%200%204.414-.61%206.252-1.675c.295-.17.649-.213.976-.118l4.916%201.435l-1.434-4.92a1.25%201.25%200%200%201%20.118-.976a12.4%2012.4%200%200%200%201.663-5.82l.007-.426a12.49%2012.49%200%200%200-5.885-10.605a17%2017%200%200%200-1.099-3.35m-15.13-8.041C27.49%205.21%2033.997%2011.845%2033.997%2020l-.005.387c-.202%207.977-6.63%2014.406-14.607%2014.608L19%2035c-2.537%200-4.93-.633-7.028-1.747l-5.73%201.673H6.24c-1.325.384-2.553-.845-2.168-2.17l1.67-5.736a14.9%2014.9%200%200%201-1.732-6.51L4.002%2020c0-8.284%206.714-15%2014.997-15zM14.5%2021a3%203%200%200%200-3%203c0%203%203%205.5%207.5%205.5s7.5-2.5%207.5-5.5a3%203%200%200%200-3-3zM19%2011a4%204%200%201%200%200%208.001A4%204%200%200%200%2019%2011%22%2F%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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M34.515%2013.046C40.07%2015.244%2044%2020.663%2044%2027l-.009.51a14.9%2014.9%200%200%201-1.733%206.51l1.671%205.736c.385%201.325-.843%202.555-2.168%202.17h-.002l-5.73-1.673A14.94%2014.94%200%200%201%2029.001%2042l-.387-.005a14.96%2014.96%200%200%201-10.83-5.04q.603.044%201.217.045c.78%200%201.548-.055%202.3-.156a12.44%2012.44%200%200%200%207.377%202.652l.323.004c2.28%200%204.414-.61%206.252-1.675c.295-.17.649-.213.976-.118l4.916%201.435l-1.434-4.92a1.25%201.25%200%200%201%20.118-.976a12.4%2012.4%200%200%200%201.663-5.82l.007-.426a12.49%2012.49%200%200%200-5.885-10.605a17%2017%200%200%200-1.099-3.35m-15.13-8.041C27.49%205.21%2033.997%2011.845%2033.997%2020l-.005.387c-.202%207.977-6.63%2014.406-14.607%2014.608L19%2035c-2.537%200-4.93-.633-7.028-1.747l-5.73%201.673H6.24c-1.325.384-2.553-.845-2.168-2.17l1.67-5.736a14.9%2014.9%200%200%201-1.732-6.51L4.002%2020c0-8.284%206.714-15%2014.997-15zM14.5%2021a3%203%200%200%200-3%203c0%203%203%205.5%207.5%205.5s7.5-2.5%207.5-5.5a3%203%200%200%200-3-3zM19%2011a4%204%200%201%200%200%208.001A4%204%200%200%200%2019%2011%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/chat-multiple-person-48-filled.svg?color=%231a73e8&size=48
