Do not use React svg components for regularly used icons

[slorber]

Have you read the Contributing Guidelines on issues?

• I have read the Contributing Guidelines on issues.

Motivation

This issue about updating the number of visible archived versions in the version dropdown lead to a weird build size diff on HTML files:

#5862 (comment)

The diff in size is due to using an inlined SVG component for external links 😅 the SVG markup is duplicated in the HTML file for each item

For reusable icons of our theme, we should rather require an svg file instead of using a React SVG component, to reduce HTML output size.

It can have a significant impact on pages with a lot of icons (due to navbar, footer, doc sidebar...)

Self-service

• I'd be willing to do some initial work on this proposal myself.

[slorber]

Interesting discussion related to this problem: https://twitter.com/_developit/status/1382838799420514317

[slorber]

svg sprites look like a good solution: https://benadam.me/thoughts/react-svg-sprites/

[slorber]

Related read: https://fotis.xyz/posts/introducing-svg-use/