Country Flag image icon URl 404

[lokendrakumar]

https://res.cloudinary.com/dvbuhh0bl/image/upload/v1495279723/flags_boi3c5.png, this url does not exit now please upload image with same url

[MooseSaadat]

Until they fix it, a temporary fix is to download the image yourself:

and then in your component css:

::ng-deep .flag {
    background-image: url('path/to/image.jpg') !important;
}

or in your global styles.css

.flag {
    background-image: url('path/to/image.jpg') !important;
}

[issambaccouch]

same issue !! please fix it

[Hanmant-Patil]

Issue resolved, I have also faced same issue then after I made change in style.css/scss with this .flag { background: url(https://res.cloudinary.com/dvbuhh0bl/image/upload/v1495279723/flags_boi3c5.png); // removed no-repeat //background: url(https://res.cloudinary.com/dvbuhh0bl/image/upload/v1495279723/flags_boi3c5.png) no-repeat; // commented this line background-image: url(assets/images/country-flags.jpg) !important;
}

where assets/images/country-flags.jpg is contains following downloaded img https://user-images.githubusercontent.com/20545357/90998272-b5b86280-e591-11ea-992b-c422d78070e2.jpg

[fahadqhan]

Facing the same issue. Please fix it as soon as possible.

[vihanga-bandara]

We are facing the same issue as well. Would appreciate a quick fix as soon as possible

[baltejsingh88]

Just add

.flag { background-image: url('assets/images/country-flags.jpg') !important; }

in your styles.scss

and use this file and place in assets folder

[aghaaliabbas]

this issue is fixed in this library, basically this library is a stable and maintained version of ngx-international-phone-number, you can use and explore it from here https://www.npmjs.com/package/ng-phone-number Flag issue is also fixed here