MUI官方图标库是否包含TikTok图标？React中如何正确引入？

@mui/icons-material 官方包目前没有内置TikTok图标，无法直接从该包导入使用。

• MUI官方图标库同步的是Google Material Design官方收录的通用图标集，TikTok属于第三方商业品牌标识，并未被官方图标集收录，你在官方目录检索不到是正常情况。
• 第三方站点标注的TikTok图标不属于MUI官方导出内容，直接导入TiktokIcon必然报不存在的错误。另外你的导入命名也不符合MUI规范：官方图标均直接以功能/品牌名命名，不会带Icon后缀，就算后续官方收录TikTok，导出名也会是TikTok而非TiktokIcon。

不需要引入整套第三方图标库，用MUI内置的SvgIcon组件封装对应SVG路径即可，最终渲染效果、样式继承逻辑和官方图标完全一致，不会出现风格割裂问题：

1. 调整导入语句，新增SvgIcon引入：

import { Instagram, Facebook, YouTube, Twitter, SvgIcon } from "@mui/icons-material";

2. 定义和MUI图标规格完全匹配的自定义TikTok图标：

const TiktokIcon = (props) => (
  <SvgIcon {...props}>
    <path d="M19.59 6.69a4.83 4.83 0 0 1-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 0 1-5.2 1.74 2.89 2.89 0 0 1 2.31-4.64 2.93 2.93 0 0 1 .88.13V9.4a6.84 6.84 0 0 0-1-.05A6.33 6.33 0 0 0 5.8 20.1a6.34 6.34 0 0 0 10.86-4.43v-7a8.16 8.16 0 0 0 4.77 1.52v-3.4a4.85 4.85 0 0 1-1.84-.1z"/>
  </SvgIcon>
);

3. 你原有的社交媒体配置、列表渲染逻辑不需要做任何修改，直接使用这个自定义组件即可。该组件会自动继承MUI图标的颜色、字号、hover交互效果，和其他官方图标表现完全一致。

小提示：你现有渲染逻辑里额外嵌套的<Icon>组件是冗余的。不管是官方导出的图标组件，还是基于SvgIcon封装的自定义图标，本身已经内置了MUI图标默认样式，直接渲染即可，多套一层反而可能引发样式冲突。

内容的提问来源于stack exchange，提问作者callumkai