/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 vote311 views2 answers
Nextjs path alias
Javascript Next.js
1 vote365 views1 answer
Multiple classname nextjs
Javascript Next.js
3 votes385 views1 answer
Get values form query params in next js
Javascript Next.js
41 votes353 views2 answers
How to change port in next js
Javascript Next.js
0 vote313 views1 answer
Next js install swr
Javascript Next.js
-2 votes307 views3 answers
Google analytics nextjs
Javascript Next.js
42 votes381 views4 answers
Set port nextjs
Javascript Next.js
0 vote329 views2 answers
Next js material ui rtl direction
Javascript Next.js
8 votes369 views2 answers
Create next js app yarn
Javascript Next.js
0 vote315 views1 answer
Back button next js
Javascript Next.js