/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 votes123 views3 answers
Google analytics nextjs
Javascript Next.js
0 vote132 views1 answer
Next js css not working
Javascript Next.js
0 vote122 views1 answer
Next js newsletter
Javascript Next.js
1 vote216 views1 answer
Next js cookie
Javascript Next.js
0 vote131 views1 answer
Nextjs starter template with auth
Javascript Next.js
-1 vote147 views1 answer
Import css file in next js
Javascript Next.js
0 vote125 views1 answer
Next js cannot find module 'next/babel'
Javascript Next.js
0 vote119 views1 answer
Hydration in next js
Javascript Next.js
0 vote162 views1 answer
Nextjs amp
Javascript Next.js
1 vote154 views1 answer
Next js typescript command
Javascript Next.js