/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

3 votes274 views1 answer
React icons in nextJS
Javascript Next.js
-2 votes158 views3 answers
Google analytics nextjs
Javascript Next.js
0 vote153 views1 answer
Next js redirect if not logged in
Javascript Next.js
0 vote158 views1 answer
Browserlist nextjs
Javascript Next.js
48 votes268 views1 answer
Emmet not working in react nextjs
Javascript Next.js
1 vote289 views1 answer
Next js typescript command
Javascript Next.js
0 vote159 views1 answer
How to update the react version in next js app
Javascript Next.js
25 votes284 views1 answer
Next js disable ssr
Javascript Next.js
0 vote164 views2 answers
Nextjs path alias
Javascript Next.js
2 votes276 views1 answer
Next js active link
Javascript Next.js