Use inline SVG for Baseline icons

[pepelsbey]

• SVG paths are duplicated in the current implementation, although only fill colors differ.
• It’s hard to maintain icons when they’re inlined in CSS as data:image/svg+xml.

  Build summary for baseline-status.min.js - es
  ┌────────────────────────┬──────────┐
  │ File name              │ Size     │
  │ ---------------------- │ -------- │
  │ baseline-status.min.js │ 63.12 kB │
  │ ---------------------- │ -------- │
- │ Totals                 │ 65.61 kB │
+ │ Totals                 │ 63.12 kB │
  └────────────────────────┴──────────┘

This approach saves 2.49 kB in the resulting bundle.

[delucis]

Seems good to me! (Although noting I’m not at all involved here, just found this PR helpful while implementing a zero-JS version of this component for Astro projects.)

[pepelsbey]

@devnook is there anything I can do to make it worth merging?

[devnook]

Hi @pepelsbey Apologies for the delay