/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 vote396 views1 answer
Next js navigation to other page in a function
Javascript Next.js
0 vote371 views1 answer
Next js redirect if not logged in
Javascript Next.js
0 vote377 views1 answer
Show uploaded image in react/nextjs
Javascript Next.js
0 vote382 views1 answer
How to create a nextjs app from a template
Javascript Next.js
0 vote388 views1 answer
Next js find all the rerenders
Javascript Next.js
3 votes472 views1 answer
Get values form query params in next js
Javascript Next.js
43 votes461 views2 answers
Run nextjs in separate port
Javascript Next.js
0 vote356 views1 answer
How to update the react version in next js app
Javascript Next.js
2 votes483 views2 answers
Next js getserversideprops
Javascript Next.js
1 vote390 views1 answer
Material ui icon nextjs
Javascript Next.js