Mail Edit icon
Microsoft uses it in general mail scenarios. The Mail Edit icon is tagged pencil, envelope and email. Similar Fluent icons include Mail, Mail Add and Mail Alert.
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.
Regular, 24 px
ic_fluent_mail_edit_24_regular.svg
Mail Edit icon in React
npm install @fluentui/react-icons
import { MailEdit24Regular } from "@fluentui/react-icons";
export function Example() {
return <MailEdit24Regular aria-label="Mail Edit" />;
}Use the Mail Edit icon in React
Import MailEdit24Regular and MailEdit24Filled from Microsoft's @fluentui/react-icons package; the code tabs above have this and other platforms. Coding agents can look the component up through the Fluent Icons MCP server.
Details
| Name | Mail Edit |
|---|---|
| Styles | Regular (outlined), Filled, Light |
| Sizes | 20 px, 24 px, 32 px |
| Regular (outlined) file | ic_fluent_mail_edit_24_regular.svg |
| Filled file | ic_fluent_mail_edit_24_filled.svg |
| React (Regular) | MailEdit20Regular, MailEdit24Regular, MailEdit32Regular |
| React (Filled) | MailEdit20Filled, MailEdit24Filled, MailEdit32Filled |
| React (Light) | MailEdit32Light |
| Font glyph (Regular, 24 px) | U+E7B4 ·  |
| Font glyph (Filled, 24 px) | U+E7C2 ·  |
| License | MIT (© Microsoft Corporation) |