/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 vote195 views1 answer
Tailwindcsss next js change font
Javascript Next.js
0 vote187 views1 answer
Next js find all the rerenders
Javascript Next.js
0 vote183 views1 answer
Next js styled components classname did not match
Javascript Next.js
0 vote186 views1 answer
Next js build command
Javascript Next.js
0 vote177 views1 answer
Next js redirect if not logged in
Javascript Next.js
0 vote201 views1 answer
On click button change route next js
Javascript Next.js
0 vote185 views1 answer
Next js install swr
Javascript Next.js
0 vote203 views1 answer
Nextjs error can not find next/bable
Javascript Next.js
3 votes324 views1 answer
Next js typescript
Javascript Next.js
0 vote196 views1 answer
Pass object to query on Router.push NextJs
Javascript Next.js