Add markdown icon to list of Material Icon in MUI

[Here2Huynh]

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

Summary 💡

I needed to use markdown icon as part of toggle button group, but could not find it in MUI's icon list (https://mui.com/material-ui/material-icons/?query=markdown). I tried making my own custom SVGIcon component, but that component doesn't have the on click features like the MUI icons out of the box. Perhaps I am missing something, but having the icon available is also nice.

Examples 🌈

https://squidfunk.github.io/mkdocs-material/reference/icons-emojis/

Motivation 🔦

I am creating an editor for work and I need the markdown icon toggle button so user can toggle markdown mode in the editor

[mj12albert]

@Here2Huynh Thanks for reporting this ~ we generally don't deviate from the official Material Design icons, see #34817 (comment)

I tried making my own custom SVGIcon component, but that component doesn't have the on click features

You also need to use it together with the IconButton component, here's a working sandbox: https://codesandbox.io/s/https-github-com-mui-material-ui-issues-38587-ylnpp4?file=/src/App.tsx