/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 vote271 views1 answer
Next js build command
Javascript Next.js
1 vote428 views2 answers
History.push in nextjs
Javascript Next.js
0 vote271 views1 answer
Get cuurent route name nextjs
Javascript Next.js
23 votes432 views2 answers
Add favicon to next js static site
Javascript Next.js
41 votes435 views2 answers
How to change port in next js
Javascript Next.js
0 vote251 views1 answer
Router.push next js
Javascript Next.js
29 votes444 views3 answers
Nextjs
Javascript Next.js
0 vote277 views1 answer
How to update the react version in next js app
Javascript Next.js
0 vote271 views2 answers
Nextjs path alias
Javascript Next.js
0 vote280 views1 answer
Window resize next js
Javascript Next.js