The SVG is 7kB and it seems to be bigger than the one in en.m.wikipedia.org

It should be at the very least as optimized as the one in production.

Tech

Either implement an SVG optimizer:

• as a webpack loader: would benefit optimizing every SVG like the icons, preferred.
• as a manual script to npm run.

MobileFrontend uses svgo, see .svgo.yml

Webpack resources:

• https://github.com/rpominov/svgo-loader
  • Unsure how it would interact with svg-inline-loader
• https://codersmind.com/svg-sprite-icons-react-webpack/
• https://github.com/kisenka/svg-sprite-loader
• https://medium.com/@deeepakampolu/til-using-svg-icon-sprites-with-webpack-2fd4db7ead76

AC

• SVG is as optimized as the production one
• SVG is optimized in the server render too

Note:

• The wordmark will not be used for server-side renders in SVG form (post T177235).
• The wordmark will be used on the client and server within an img tag (T180623).