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>

[ArmandPhilippot]

We're closing stale and outdated discussion to keep only the discussions still relevant to the current project version and/or the current docs state.

It seems the question as been resolved, so I'm closing this. By the way, since Astro 5.7 you can also use SVG components now!

If you think this is a mistake and that this discussion should remain open, please feel free to ping me, I'll take a second look at it.

Thank your for your contribution!