Chat More icon

The Chat More icon is part of Microsoft's Fluent UI System Icons, available here in the color style in 3 sizes from 16 to 24 px. Download it as SVG or PNG, or copy it as code — it's free to use under the MIT License.

Chat More Color

Color

SVG

Every size and style

Microsoft draws each size separately so icons stay crisp, rather than scaling one drawing. Pick a style and size to preview it, download it, or copy the code for your platform.

Chat More 24 px color

Color, 24 px

ic_fluent_chat_more_24_color.svg

Chat More icon in React

npm install @fluentui/react-icons

import { ChatMore24Color } from "@fluentui/react-icons";

export function Example() {
  return <ChatMore24Color aria-label="Chat More" />;
}

Chat More icon in SVG

npm install @fluentui/svg-icons

import icon from "@fluentui/svg-icons/icons/chat_more_24_color.svg";

<!-- or load it from a CDN -->
<img src="https://cdn.jsdelivr.net/npm/@fluentui/[email protected]/icons/chat_more_24_color.svg" width="24" height="24" alt="Chat More">

Chat More icon in Power Apps

Paste into an Image control's Image property. The Copy button copies the full formula with this icon's SVG.

"data:image/svg+xml;utf8, " & EncodeUrl("<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'>…</svg>")

Use the Chat More icon in React

Install Microsoft's @fluentui/react-icons package, then import the component. Icons inherit the current text color, and you can size them with CSS.

npm install @fluentui/react-icons

import { ChatMore24Color } from "@fluentui/react-icons";

export function Example() {
  return <ChatMore24Color aria-label="Chat More" />;
}

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_chat_more_24_color.svg" width="24" height="24" alt="Chat More">

Details

NameChat More
StylesColor
Sizes16 px, 20 px, 24 px
Color fileic_fluent_chat_more_24_color.svg
React (Color)ChatMore16Color, ChatMore20Color, ChatMore24Color
LicenseMIT (© Microsoft Corporation)

Related icons