/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

2 votes423 views1 answer
Next js active link
Javascript Next.js
0 vote426 views1 answer
Add google tag manager to next js
Javascript Next.js
0 vote405 views1 answer
Next js get request
Javascript Next.js
0 vote411 views1 answer
On click button change route next js
Javascript Next.js
0 vote417 views1 answer
Head component nextjs
Javascript Next.js
23 votes433 views2 answers
Add favicon to next js static site
Javascript Next.js
1 vote439 views2 answers
History.push in nextjs
Javascript Next.js
1 vote404 views1 answer
Material ui icon nextjs
Javascript Next.js
0 vote395 views1 answer
Next js absolute path
Javascript Next.js
1 vote446 views2 answers
Next js ReferenceError: location is not defined
Javascript Next.js