SVG custom logo isn't appearing

Ionic Framework Ionic Angular
1

Hello All,
I’m building an app with ionic and using angular.
I am trying to add an custom icon according to ionic docs:


however it isn’t appearing when I try to run the project on ionic serve.

P.S: I’m using ionic --v 7

Does anybody else had this problem?

Thanks in advance.

2

There is nothing showing in your OP saying how you are trying to use an SVG. All I see is blank lines.

Please share some code on how you are trying to use a custom SVG. I just use a HTML img tag with the SVG stored in my public directory.

3

Hi there twestrick,
I’m tryng to use it inside a toolbar component according to image below:

00
00704×345 50.5 KB

4

Try with <img src="..."> instead of ion-icon. If that works, then something weird is going on with ion-icon. If it doesn’t work, then your SVG isn’t accessible for some reason.

5

Hi again twestrick,
I tried using img tag and it worked well.
Thanx for your help =)

1 Like