chat multiple icon
chat-multiple-48-filled from Fluent UI System Icons by Microsoft Corporation · 48 Filled · MIT Free for personal and commercial use.
- Name
- chat-multiple-48-filled
- Set
- Fluent UI System Icons
- Style
- 48 Filled
- Viewbox
- 48×48
- License
- MIT
13 other variants in Fluent UI System Icons
chat-multiple-12-filledchat-multiple-12-regularchat-multiple-16-filledchat-multiple-16-regularchat-multiple-20-filledchat-multiple-20-regularchat-multiple-24-filledchat-multiple-24-regularchat-multiple-28-filledchat-multiple-28-regularchat-multiple-32-filledchat-multiple-32-regularchat-multiple-48-regular
The same icon in other sets
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-checkmark-16-filledchat-multiple-heart-16-filledchat-multiple-minus-16-filledchat-multiple-person-16-filledchat-off-16-filledchat-person-20-filledchat-settings-16-filledchat-sparkle-16-filledchat-video-20-filledchat-warning-16-filled
Use the chat multiple icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M34.516 13.046c5.554 2.198 9.483 7.617 9.483 13.954l-.01.51a14.9 14.9 0 0 1-1.732 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.378 2.652L29 39.5c2.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.82L41.5 27a12.49 12.49 0 0 0-5.885-10.605a17 17 0 0 0-1.098-3.35m-15.13-8.041c8.103.206 14.61 6.841 14.61 14.996l-.005.387c-.202 7.977-6.63 14.406-14.606 14.608l-.387.005a14.94 14.94 0 0 1-7.027-1.747l-5.73 1.673H6.24c-1.325.384-2.553-.845-2.168-2.17l1.671-5.736a14.9 14.9 0 0 1-1.733-6.51L4.001 20c0-8.284 6.716-15 14.998-15z"/></svg>
React
import type { SVGProps } from "react";
export function FluentChatMultiple48Filled(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.516 13.046c5.554 2.198 9.483 7.617 9.483 13.954l-.01.51a14.9 14.9 0 0 1-1.732 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.378 2.652L29 39.5c2.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.82L41.5 27a12.49 12.49 0 0 0-5.885-10.605a17 17 0 0 0-1.098-3.35m-15.13-8.041c8.103.206 14.61 6.841 14.61 14.996l-.005.387c-.202 7.977-6.63 14.406-14.606 14.608l-.387.005a14.94 14.94 0 0 1-7.027-1.747l-5.73 1.673H6.24c-1.325.384-2.553-.845-2.168-2.17l1.671-5.736a14.9 14.9 0 0 1-1.733-6.51L4.001 20c0-8.284 6.716-15 14.998-15z"/></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.516 13.046c5.554 2.198 9.483 7.617 9.483 13.954l-.01.51a14.9 14.9 0 0 1-1.732 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.378 2.652L29 39.5c2.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.82L41.5 27a12.49 12.49 0 0 0-5.885-10.605a17 17 0 0 0-1.098-3.35m-15.13-8.041c8.103.206 14.61 6.841 14.61 14.996l-.005.387c-.202 7.977-6.63 14.406-14.606 14.608l-.387.005a14.94 14.94 0 0 1-7.027-1.747l-5.73 1.673H6.24c-1.325.384-2.553-.845-2.168-2.17l1.671-5.736a14.9 14.9 0 0 1-1.733-6.51L4.001 20c0-8.284 6.716-15 14.998-15z"/></svg> </template>
CSS
.icon-chat-multiple-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.516%2013.046c5.554%202.198%209.483%207.617%209.483%2013.954l-.01.51a14.9%2014.9%200%200%201-1.732%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.378%202.652L29%2039.5c2.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.82L41.5%2027a12.49%2012.49%200%200%200-5.885-10.605a17%2017%200%200%200-1.098-3.35m-15.13-8.041c8.103.206%2014.61%206.841%2014.61%2014.996l-.005.387c-.202%207.977-6.63%2014.406-14.606%2014.608l-.387.005a14.94%2014.94%200%200%201-7.027-1.747l-5.73%201.673H6.24c-1.325.384-2.553-.845-2.168-2.17l1.671-5.736a14.9%2014.9%200%200%201-1.733-6.51L4.001%2020c0-8.284%206.716-15%2014.998-15z%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.516%2013.046c5.554%202.198%209.483%207.617%209.483%2013.954l-.01.51a14.9%2014.9%200%200%201-1.732%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.378%202.652L29%2039.5c2.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.82L41.5%2027a12.49%2012.49%200%200%200-5.885-10.605a17%2017%200%200%200-1.098-3.35m-15.13-8.041c8.103.206%2014.61%206.841%2014.61%2014.996l-.005.387c-.202%207.977-6.63%2014.406-14.606%2014.608l-.387.005a14.94%2014.94%200%200%201-7.027-1.747l-5.73%201.673H6.24c-1.325.384-2.553-.845-2.168-2.17l1.671-5.736a14.9%2014.9%200%200%201-1.733-6.51L4.001%2020c0-8.284%206.716-15%2014.998-15z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/chat-multiple-48-filled.svg?color=%231a73e8&size=48
