MUIのButton Componentの中のアイコンに自作のSVGを使用する方法 - WASD TECH BLOG

WASD Inc. 開発チームのYubaです。 弊社ではUI ComponentライブラリのMUIを活用してComponentを作成しています。 mui.com その中で、MUIのButtonコンポーネント中のアイコンに自作ののSVGを使用したところ、コンポーネントのスタイルが崩れてしまうという問題が発生しました。 本記事では、その問題の調査から解決に至るまでの過程を紹介します。 問題の背景 弊社のプロダクトのデジちゃいむではGoogleクチコミ連携という機能があり、店舗とGoogle Maps上の店舗のデータとひも付けて、店舗でデジちゃいむを使用したユーザーをGoogle Maps上の店舗のクチコミへ誘導するという機能があります。 この機能を実装するにあたり、今回はこのGoogleでクチコミのボタンを作成しました。 MUIのButton ComponentにはStartIconというPr