thesvg

我正在开发一个官网页，需要使用 GitHub、X、YouTube 和 Figma 的 SVG 品牌图标。请基于 thesvg 帮我给出安装命令、按需引入示例，以及在 React 组件中的使用代码。

返回安装步骤、按需导入方式，以及可直接使用的 React 图标组件代码。

请基于 thesvg 帮我整理一份常用品牌图标清单，按社交媒体、开发工具、支付服务三类分组，并说明每类适合放在产品的哪些页面模块。

输出分类后的品牌图标建议列表，并附带典型使用场景说明。

我想在前端项目中使用 thesvg，但要尽量减小打包体积。请说明如何按需导入、避免全量引入，并给出 TypeScript 项目中的最佳实践示例。

给出控制包体积的实现方案、错误用法对比，以及 TypeScript 最佳实践代码示例。