/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 vote192 views1 answer
Change next js default port
Javascript Next.js
0 vote174 views1 answer
Next js navigation to other page in a function
Javascript Next.js
8 votes323 views2 answers
Create next js app yarn
Javascript Next.js
0 vote167 views1 answer
Next js newsletter
Javascript Next.js
-1 vote165 views1 answer
Import css file in next js
Javascript Next.js
0 vote189 views1 answer
Udpate next js
Javascript Next.js
0 vote185 views1 answer
Next js absolute path
Javascript Next.js
0 vote197 views1 answer
Link in next js is refresh page
Javascript Next.js
25 votes325 views1 answer
Next js disable ssr
Javascript Next.js
0 vote189 views1 answer
Tailwindcsss next js change font
Javascript Next.js