/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

1 vote212 views2 answers
History.push in nextjs
Javascript Next.js
0 vote120 views1 answer
Install bootstrap in nextjs
Javascript Next.js
0 vote125 views1 answer
Show uploaded image in react/nextjs
Javascript Next.js
0 vote163 views1 answer
Nextjs react native web typescript
Javascript Next.js
0 vote129 views1 answer
Pass object to query on Router.push NextJs
Javascript Next.js
0 vote113 views1 answer
Get cuurent route name nextjs
Javascript Next.js
1 vote209 views1 answer
Multiple classname nextjs
Javascript Next.js
0 vote121 views1 answer
Nextjs global scss variables
Javascript Next.js
0 vote74 views1 answer
Next config typescript
Javascript Next.js
0 vote116 views1 answer
Next js image contentful
Javascript Next.js