Better support for svg files

[GideonMax]

Is your feature request related to a problem? Please describe.
I have some svg files and I want to use hope's IconButton to make a button out of those svg files.
I could take all the svg paths and put them into typescript files but that adds more work and unnecessarily complicates matters.

Describe the solution you'd like
An option to create an Icon element out of imported svg files.
for example:

import { createIcon } from "@hope-ui/solid";
import darkModeSvg from "../assets/DarkMode.svg";

const DarkModeIcon = createIcon({
    svg: darkModeSvg
})

Describe alternatives you've considered
I have not considered other alternatives as I do not see another way of doing this.