feat: create an inline sprite of SVGs for icons that should be styled via CSS

[ramboz]

If an icon uses the fill="currentcolor" or stroke="currentcolor" attributes, it can inherit its styling from the CSS context. To achieve this, we inline these icons and create an inline sprite to avoid repeated loading.

Icons can thus be:

• colored via the inherited CSS color on the .icon element
• can be sized dynamically as required by the context
  Test URLs:
• Before: https://main--helix-project-boilerplate--adobe.hlx.page/
• After: https://improve-icons--helix-project-boilerplate--ramboz.hlx.page/

[aem-code-sync]

Hello, I'm Franklin Bot and I will run some test suites that validate the page speed.
In case there are problems, just click the checkbox below to rerun the respective action.

• Re-run PSI Checks

[aem-code-sync]

Page	Scores	Audits	Google
/

[aem-code-sync]

Page	Scores	Audits	Google
/

[aem-code-sync]

Hello, I'm the AEM Code Sync Bot and I will run some test suites that validate the page speed.
In case there are problems, just click the checkbox below to rerun the respective action.

• Re-run PSI Checks