SVG Icon not appearing but others are

Ionic Framework
1

29%20PM

Only 1 of my icons are not appearing, despite the code being the exact same for all of them. The icon is appearing on my web view and an android but not on my iOS simulator.

            <ion-row class="contactRows">
              <ion-icon aria-hidden="true" class="contactIcons" src="assets/contact_us_icons/pin_icon.svg"></ion-icon>
              <ion-label class="contactInfo addressInfo">
                <a *ngIf="this.platform.is('ios'); else isAndroid" href="http://maps.apple.com/?q={{advisor.addresses[j].full}}"
                  target="_blank">
                  <ion-row> {{advisor.addresses[j].address1}} </ion-row>
                  <ion-row *ngIf="advisor.addresses[j].address2"> {{advisor.addresses[j].address2}} </ion-row>
                  <ion-row> {{advisor.addresses[j].city + ' ' + advisor.addresses[j].province + ', ' + advisor.addresses[j].postal.substring(0,3) + ' ' + advisor.addresses[j].postal.substring(3,6)}} </ion-row>
                </a>
                <ng-template #isAndroid>
                  <a href="https://maps.google.com/?q={{advisor.addresses[j].full}}" target="_blank">
                    <ion-row> {{advisor.addresses[j].address1}} </ion-row>
                    <ion-row *ngIf="advisor.addresses[j].address2"> {{advisor.addresses[j].address2}} </ion-row>
                    <ion-row> {{advisor.addresses[j].city + ' ' + advisor.addresses[j].province + ', ' +
                      advisor.addresses[j].postal.substring(0,3) + ' ' + advisor.addresses[j].postal.substring(3,6)}}
                    </ion-row>
                  </a> 
                </ng-template>
              </ion-label>
            </ion-row>

this is what the code looks like if it helps.

thanks!