How to add a .svg image inside of a rectangle using svg in vue

Question

I am trying to add an svg image inside of a rectangle which should be positioned in the middle of the rectangle.

I want to add the test.svg local image from the "images" directory.This approach that I did works only with url path.

Is there a different way to make it work with local .svg files?

Later on I am going to have multiple svg files.

Fiddle: https://jsfiddle.net/zo8pyed9/2/

Majid Valizadeh · Accepted Answer · 2021-06-07 17:12:49Z

2

Your codes are correct but you don't use correct path for href attribute and it can't find your SVG files.

answered Jun 7, 2021 at 17:12

Majid Valizadeh

214 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1