Docs: No explanation on how to use <Image> with SVG files #76919
-
What is the documentation issue?No official documentation on how to use/configure nextjs to use SVG from local files. Is there any context that might help us understand?Since SVG is supported by Does the docs page already exist? Please link to it.https://nextjs.org/docs/app/building-your-application/optimizing/images |
Beta Was this translation helpful? Give feedback.
Replies: 1 comment
-
|
It works quite the samge way as other image formats such as png, jpeg, etc. I have this in one project If you're referring to SVG config, here's a good place to start. You can as well go throught the full doc. Here is another discussion on SVG, you want to look at |
Beta Was this translation helpful? Give feedback.
It works quite the samge way as other image formats such as png, jpeg, etc. I have this in one project
<Image src={`/images/layouts/${variant}.svg`} width={200} height={200} priority alt="Page not found" className="w-auto h-auto" />.If you're referring to SVG config, here's a good place to start. You can as well go throught the full doc. Here is another discussion on SVG, you want to look at