/Javascript/Next.js/Use svg image in next js

Use svg image in next js

import Image from 'next/img';

import Illustration from '../public/Rolling-1s-200px.svg';
// can be imported from anywhere, not necessarily public

// ...

<Image src={Illustration} />
// one needs to use `Illustration.src` to get the source URL
// <img src={Illustration.src} ... />

Source: stackoverflow.com

Use svg image in next js

import Image from 'next/img';

// ...

<Image src="/Rolling-1s-200px.svg" width="2000" height="2000" />

Source: stackoverflow.com

Similar codes

0 vote373 views2 answers
How to reload page with router next js
Javascript Next.js
0 vote335 views1 answer
Next js global layout
Javascript Next.js
0 vote354 views1 answer
Pass object to query on Router.push NextJs
Javascript Next.js
1 vote384 views1 answer
Multiple classname nextjs
Javascript Next.js
43 votes410 views2 answers
Run nextjs in separate port
Javascript Next.js
23 votes369 views2 answers
Add favicon to next js static site
Javascript Next.js
0 vote340 views1 answer
Nextjs svg npm
Javascript Next.js
0 vote327 views1 answer
Back button next js
Javascript Next.js
0 vote353 views1 answer
Next js get request
Javascript Next.js
0 vote334 views1 answer
Show uploaded image in react/nextjs
Javascript Next.js