How do you import an animated svg in Next.js 13
<object type="image/svg+xml" data="/images/blaze-hero-animation.svg">
svg hero animation
</object>
The above gives me my animated svg however the background color is white (the original svg has a tranparent background.
<Image
src="/images/blaze-hero-animation.svg"
alt="hero animation"
width={500}
height={500}
/>
Gives me my transparent svg but without any animation.
Do I need to use SVGR or something?
1 Reply
file is being imported from /public/images/name.svg