Feature request: CSS file with data-embedded SVGs

[Crissov]

You are already providing SVG symbols (and paths) embedded in JS, JSON and YAML, but not in a single CSS file via data scheme URLs.

.fas-foo 
{
  background-image: url('data:image/svg+xml;utf8,<svg…>');
}
.fas-foo-before::before, 
.fas-foo-after::after
{
  content: url('data:image/svg+xml;utf8,<svg…>');
}

Related: #3203, #14279, #10352
 

Is this in relation to an existing part of Font Awesome or something new?

This offers a variant of alternative techniques already available.

What is 1 thing that we can do when building this feature that will guarantee that it is awesome?

Authors who chose this option would need to maintain only a single (CSS) file.

Why would other Font Awesome users care about this?

 Since authors are moving away from font files for decorative symbols, an SVG-in-CSS solution that uses basically the same markup authors are used to, should look attractive to them. They could easily delete lines for icons they do not need from the single file they had to maintain.

Feature request checklist

• This is a single feature
• The title starts with "Feature request: " and is followed by a clear feature name
• I have searched for existing issues and to the best of my knowledge this is not a duplicate

[tagliala]

@Crissov could you please follow our template for feature requests?