Icon Above Text

Ionic Framework
1

Hey, im having some issues with ionic icons…
Im making a simple HTML page and i needed a custom icon for a button
this is my code:

<a class="btn btn-outline-primary btn-block" type="button" id="button2" onclick=redirectToURL(this.id)><ion-icon src="https://raw.githubusercontent.com/tabler/tabler-icons/master/icons/lock.svg"></ion-icon>Login</a>

expected:
image
result:
image

I dont really know whats going on…

2

Why don’t you just use the ion-button component?

<ion-button expand="block" fill="outline">
  <ion-icon [src]="..." slot="start"></ion-icon>
  Login
</ion-button>