[GH-ISSUE #1002] Some flags are not showing #470

New issue

Closed

opened 2026-03-03 14:38:36 +03:00 by kerem · 3 comments

kerem commented

2026-03-03 14:38:36 +03:00

Owner

Originally created by @isabelpebaque on GitHub (Jun 17, 2022).
Original GitHub issue: https://github.com/lipis/flag-icons/issues/1002

Hi!

All flags are showing nicely locally but some of them are not when running in production build see img:

In my main.css I am using @import '~flag-icons/css/flag-icons.css';

and in production i get following error for the images that are not showing when using the url, locally there is no error:

using class="fi mr-1 flag-icon-rounded fi-ca"

Originally created by @isabelpebaque on GitHub (Jun 17, 2022). Original GitHub issue: https://github.com/lipis/flag-icons/issues/1002 Hi! All flags are showing nicely locally but some of them are not when running in production build see img: <img width="260" alt="image" src="https://user-images.githubusercontent.com/43137482/174230255-cb5eb3e6-96fb-4036-aaea-46c852d39fef.png"> In my main.css I am using @import '~flag-icons/css/flag-icons.css'; and in production i get following error for the images that are not showing when using the url, locally there is no error: <img width="547" alt="image" src="https://user-images.githubusercontent.com/43137482/174230548-643501f6-8d60-4606-8168-3ecf7d7c6313.png"> using class="fi mr-1 flag-icon-rounded fi-ca"

kerem closed this issue

2026-03-03 14:38:36 +03:00

kerem commented

2026-03-03 14:38:37 +03:00

Author

Owner

@lipis commented on GitHub (Jun 17, 2022):

That error has nothing to do with the flags from what I guess.. but it's indeed strange that some of them are showing.. are you uploaded all the flags?

@lipis commented on GitHub (Jun 17, 2022): That error has nothing to do with the flags from what I guess.. but it's indeed strange that some of them are showing.. are you uploaded all the flags?

kerem commented

2026-03-03 14:38:37 +03:00

Author

Owner

@isabelpebaque commented on GitHub (Jun 17, 2022):

Yes they are all uploaded. It looks like some of the .svg files have some extra end tags that gives this error when inspecting the file.

@isabelpebaque commented on GitHub (Jun 17, 2022): Yes they are all uploaded. It looks like some of the .svg files have some extra end tags that gives this error when inspecting the file. ` <svg xmlns="http://www.w3.org/2000/svg" id="flag-icons-ca" viewBox="0 0 512 512"> <path fill="#fff" d="M81.3 3h362.3v512H81.3z" transform="translate(-.2 -3)"/> <path fill="#d52b1e" d="M-99.8 3H81.3v512H-99.8zm543.4 0h181.1v512H443.6zM135.5 250.4l-14 4.8 65.4 57.5c5 14.8-1.7 19.1-6 26.9l71-9-1.8 71.5 14.8-.5-3.3-70.9 71.2 8.4c-4.4-9.3-8.3-14.2-4.3-29l65.4-54.5-11.4-4.1c-9.4-7.3 4-34.8 6-52.2 0 0-38.1 13.1-40.6 6.2L338 187l-34.6 38c-3.8 1-5.4-.6-6.3-3.8l16-79.7-25.4 14.3c-2.1.9-4.2 0-5.6-2.4l-24.5-49-25.2 50.9c-1.9 1.8-3.8 2-5.4.8l-24.2-13.6 14.5 79.2c-1.1 3-3.9 4-7.1 2.3l-33.3-37.8c-4.3 7-7.3 18.4-13 21-5.7 2.3-25-4.9-37.9-7.7 4.4 15.9 18.2 42.3 9.5 51z" transform="translate(-.2 -3)"/> </svg> e(.9375)"/> </svg> `

kerem commented

2026-03-03 14:38:37 +03:00

Author

Owner

@lipis commented on GitHub (Jun 20, 2022):

I don't see the double end tags in our codebase.. so it's something that's happening afterwards.. sorry

@lipis commented on GitHub (Jun 20, 2022): I don't see the double end tags in our codebase.. so it's something that's happening afterwards.. sorry

kerem referenced this issue

2026-03-03 14:40:53 +03:00

[PR #474] [MERGED] Danish flag colors #816