'ion-button with left side icon and center text

I am designing below kind of UI. But icon and text both appearing to center. Any help to set icon on left and text on center of button as per attached image.

enter image description here

Here is my code:

<ion-button expand="block">
    <ion-icon slot="start" src="assets/img/icons/vector.svg"></ion-icon>
    <span>
      Create New Alert
    </span>
</ion-button>
htmlcordovaionic-frameworkionic4ionic-native


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source

Related Questions