How to inline SVG?

[bytrangle]

I suppose it's not possible to inline SVG in Astro without installing additional packages? According to this link, you can import SVG, but it needs to be wrapped in <img> tag.

[lj-n]

You can use SVG just like HTML in Astro components:

---
const color = "green";
---

<svg width="100" height="100">
  <circle cx="50" cy="50" r="40" fill={color} />
</svg>