From c3c01dae1f78a9fd9c49b7c06774074356f29e03 Mon Sep 17 00:00:00 2001
From: Carlos Andres Beltran Gomez <cbeltrangomez@gmail.com>
Date: Tue, 27 Oct 2020 15:01:21 -0500
Subject: [PATCH] [Icon] Disable translation, e.g Google Translate (#23237)

---
 packages/material-ui/src/Icon/Icon.js | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/packages/material-ui/src/Icon/Icon.js b/packages/material-ui/src/Icon/Icon.js
index 61bebaf0c2eca9..06f47195c70998 100644
--- a/packages/material-ui/src/Icon/Icon.js
+++ b/packages/material-ui/src/Icon/Icon.js
@@ -66,6 +66,9 @@ const Icon = React.forwardRef(function Icon(props, ref) {
     <Component
       className={clsx(
         'material-icons',
+        // Prevent the translation of the text content.
+        // The font relies on the exact text content to render the icon.
+        'notranslate',
         classes.root,
         {
           [classes[`color${capitalize(color)}`]]: color !== 'inherit',