[GH-ISSUE #493] Issue with some flags. Spain, Saudi Arabia, Peru, Mexico

kerem commented

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

Owner

Originally created by @ghost on GitHub (Sep 28, 2018).
Original GitHub issue: https://github.com/lipis/flag-icons/issues/493

I have some issue: Some flags are not displayed after angular 6 build, for example the flag of spain. I looked css for Spain and Finland flags, and i found that they have a different background style.
For Span:
background-image: url(es.svg);
For Finland and other:
background-image: url(data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%2…ill%3D%22%23003580%22 d%3D%22M175.5 0h130.9v480h-131z%22%2F%3E%3C%2Fsvg%3E);
I have found trouble with Spain, Saudi Arabia, Mexico, Peru.

What can i do for fix Spain flag visible?

Originally created by @ghost on GitHub (Sep 28, 2018). Original GitHub issue: https://github.com/lipis/flag-icons/issues/493 I have some issue: Some flags are not displayed after angular 6 build, for example the flag of spain. I looked css for Spain and Finland flags, and i found that they have a different background style. For Span: `background-image: url(es.svg);` For Finland and other: `background-image: url(data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%2…ill%3D%22%23003580%22 d%3D%22M175.5 0h130.9v480h-131z%22%2F%3E%3C%2Fsvg%3E); ` I have found trouble with Spain, Saudi Arabia, Mexico, Peru. What can i do for fix Spain flag visible?

kerem closed this issue

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

kerem commented

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

Author

Owner

@lipis commented on GitHub (Oct 3, 2018):

I have no idea what you are talking about... :)

@lipis commented on GitHub (Oct 3, 2018): I have no idea what you are talking about... :)

kerem commented

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

Author

Owner

@ghost commented on GitHub (Oct 3, 2018):

I have no idea what you are talking about... :) - its universal answer for all questions.

@ghost commented on GitHub (Oct 3, 2018): I have no idea what you are talking about... :) - its universal answer for all questions.

kerem commented

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

Author

Owner

@ronchalant commented on GitHub (Nov 13, 2019):

Digging this up, because I was having the same issue.

In my case at least, I was using url-loader in webpack to serve up (among other things) svgs.

The style tag that contains the flag icons has a url reference to the SVG for Spain, but for most other nations the SVG is inline:

.flag-icon-er.flag-icon-squared {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJmbGFnLWljb24tY3NzLWVyIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+CiAgPGRlZnM+CiAgICA8Y2xpcFBhdGggaWQ9ImEiPgogICAgICA8cGF0aCBmaWxsLW9wYWNpdHk9Ii43IiBkPSJNMCAwaDUxMnY1MTJIMHoiLz4KICAgIDwvY2xpcFBhdGg+CiAgPC9kZWZzPgogIDxnIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1wYXRoPSJ1cmwoI2EpIj4KICAgIDxwYXRoIGZpbGw9IiNiZTAwMjciIGQ9Ik0tNDggMGg1OTEuNXY1MTJILTQ4eiIvPgogICAgPHBhdGggZmlsbD0iI2I0ZDdmNCIgZD0iTS00OCA1MTJsNTkxLjUtLjNWMjU2TC00OCA1MTJ6Ii8+CiAgICA8cGF0aCBmaWxsPSIjMjM5ZTQ2IiBkPSJNLTQ4IDBsNTkxLjUuM1YyNTZMLTQ4IDB6Ii8+CiAgICA8cGF0aCBmaWxsPSIjZjNlMjk1IiBkPSJNMTQ4LjggMzUxLjRjLTguNyAyLjQtMTMuNyA5LjItMTMuNiAxNS42bDQyLjgtLjJjLjQtNi45LTUuMi0xMy4yLTEzLjgtMTUuNyA0Mi0uOCA3OC40LTE2LjYgODUtMjYuNi02LjUtMi45LTE0LjEgMS43LTE5LjUuNiAxMi44LTUuOSA1MS4yLTMwLjggNDUtNTcuNGE2Mi4zIDYyLjMgMCAwMS0yNS44IDMwLjNjMTQuMy0yMS44IDM0LTQ0LjUgMTctNjIgLjggMTAuMi02LjYgMjEuNC05LjggMjIuMiA4LjMtMjMgMTYuMy01Mi0xLjgtNzEgMi40IDYuOSAxLjUgMjYuMy0xLjggMjcuMi0xLTE1LjctMy43LTQ4LjYtMjAuMi00OC4xIDUuMyA0LjYgNy41IDE3LjQgNy43IDMwLjItMy44LTguOC04LTE1LjQtMTcuMi0yMmE5Ni4xIDk2LjEgMCAwMC0zMy43LTM0LjMgMzYuMSAzNi4xIDAgMDAxNy4xIDI5LjJjLTcuNS0uNS0xNS0xNC43LTIzLTE1LjEtNi40LS4zLTExLjQgNS44LTIxLjkgMi4zIDEuMiAzLjQgNiA1IDcgNy41LTIuMSAxLjUtNy41LS4yLTExLjktMi41IDYuMSA4LjIgMTUuNSAxMyAyMy41IDExLjQgOS41LTEuOCAxOS43LS44IDI5LjQgNC43YTUxLjYgNTEuNiAwIDAxLTE4LjQuNWM1LjcgNS43IDkuNCA5LjUgMTkuMiA5LjQgOC44IDAgMTMuNC00LjYgMTUuNi0xLjggNS41IDYuNSA5LjIgMTMgMTMuOCAyMC42LTEwLjIgMS4yLTcuMS0xMS40LTE4LjQtMTcuOS02LjMgMTMuMiA3LjMgMjguNyAxNi42IDM1LjIgMCA5LjkgMS41IDE4IDUuNyAyNS42IDIuOCA1LjMgNi41IDEwLjcgNS4xIDIyLjctNS41LTQtMTEtMTcuNy05LTI4LjUtNyAxLjktOS42IDE0LTYuNCAyMC4yIDIuNSA0LjcgNC4xIDEzLjcgMS4zIDE3LjctMi44IDMuNy0zIDMuMy0zIDExLjMgMCA0LjgtMi42IDEwLjUtNyAxNC40IDEtMy4zIDItOS4yIDEtMTIuOC0zLjUgNS45LTEyLjEgMTEuOS0xNC44IDE4LjItMi43IDYuMy0zLjQgMTcuMi0xNi4zIDE5LjctMTYuNyAzLjMtMjIuNSA2LjItMzMuMiAxMC42LTEuMi04LjEgMi40LTI1LjEgOS4yLTI0LjEgNi43IDEuMiAyNi44LTcgMTkuNi0yNC0xLjQgNS40LTYuMiAxMC42LTExLjMgMTAuOSA1LjUtNy4yIDE1LjQtMTQuNyAxMC42LTI2LjdhMzQuNSAzNC41IDAgMDEtMTMuMyAxNC43YzYuOS0xMy4xLjgtMTctNy4zLTYuMy0zIDQuMi01IDEyLjYtNi45IDIzLjItMy4yLTguNi0zLTIwLTYuOC0yOS4yLTQtMTAgNS4zLTEyLjcgOS42LTExLjkgMTAuNiAyLjkgMjguNCAyLjkgMjctMTQuNy00LjUgNi0xMi42IDcuOC0yMS4zIDUuNyA5LjgtNy4yIDE3LjUtMjAuNSA2LjYtMjcuNWEyNS4yIDI1LjIgMCAwMS0xMy43IDE5LjUgNDEgNDEgMCAwMS0uMy0yMC4xYy00LjMgNC41LTcuNCAxMy44LTkuOSAyNC41YTgxLjggODEuOCAwIDAxMy4zLTIzLjhjMi4yLTguMyA3LjgtMi45IDE2LjMtMi4zIDguMi41IDE5LjUtNCAxNy40LTE1LjItMi44IDQuNC04LjYgNi4xLTE0LjUgNS43IDcuMS00LjMgMTkuNC0xMiAxMi43LTIzLjYtMi45IDQuNC0zLjggOC4yLTEyIDkuNiAyLjEtNSAyLjUtMTIgOC45LTE0LjctMTEuNC0yLjMtMTcuOSA1LjItMjEuMiAxNi44LTEuNC04LTMtMTEtMy4zLTE3IDYuMi02LjggNi44LTIwLjItNi41LTIzLjEtLjggNi44LS41IDguNSAxIDE0LTYuMy0zLjYtMTUtNS43LTIxLS40IDQgNC4zIDEwLjIgOCAxOS43IDMuNC0yLjMgNy4zLTguMSA2LTE2LjEgMy4yIDQuOSA5LjIgMTEgMTAuOSAxNy45IDkuOCAzLjUgOS40IDMuNyAxNi41LTYuNyAzMC4yLjQtOC41LS4yLTE0LjgtNy0yMS43LTUuNy01LjctMTAuNC4zLTEuNCAxMi45QTM4LjcgMzguNyAwIDAxMTI3IDIwMGMtMS44IDEwLjEtLjIgMjIgNS40IDI4LjgtMi43IDIuOC01LjctLjMtMTAuMS03LjIgMS42IDIyLjIgMTEuMSAyNi40IDIzLjkgMjEuNS4zIDEyLjIuMyAyMy41IDEgMzguMmE2MS4zIDYxLjMgMCAwMC0yMi0yMC42Yy0xLjcgNiA0LjUgMTMuNyA4IDE4LTUuMy0xLTE2LjctOS43LTE2LjctOS43LTEuMiA5LjkgMTEuNiAxOSAxOS45IDIzLjEtOS43LS40LTE0LTQtMjAuMy0xMCAuMSAyNy40IDI5LjcgMjIuNiAzNS4zIDE4LjRsMi41IDQyLjZjLTguNC0xLjQtNy43LTQtMTQuOS00LjYtMTkuOS0uOC0zNS43LTIzLjktNDAuOS00MC45LTEuNSAyLjgtLjMgNS43LTEuNyA5LjItMy4yLTguNC03LjMtMTkuMS0xMi45LTI0LjEgMS40IDQuOCAxLjYgOS44IDEuMSAxOC44LTEuOS01LjktMy43LTcuNy0zLjgtMTQuNi4xLTUuMyA1LjEtOS4yIDQuOS0xNi43LS4yLTUuNC01LjItMTcuMi02LTI2LjQtMi40IDkuNS0zLjkgMTkuNC03LjYgMjUuMiAxLjktMTAgMS4zLTE3IDQuNC0yMy43IDMuNi03LjIgNi42LTEzLjUgNC4yLTIwLjctMi4zIDIuOC0xLjUgNS4zLTcuMiAxMi0xLjMtNy4zIDcuNC0xOSAxNS44LTIzLjggNi0zIDEzLjQtMTQuMyA4LjYtMjItNS42IDQtOC4xIDkuNS0xNiAxOC43IDUuNi0yMiAyMC4yLTI3LjcgMzcuNy0yNy44IDQgMCAxMS43LTEuNCAxNC02LjUtNSAxLjktMTAuOSAyLjEtMTYgMSAzLjctNS40IDExLjctNC43IDE5LjEtNC44IDUuOCAwIDE0LjktLjggMTguNi05YTQyIDQyIDAgMDEtMjUuMiAxLjVjMTEuMS01LjggMjguNS02LjQgMzcuNC0xNC0xMC4yLTcuNS0zNS42IDEuOS01MS42IDEyLjkgNC41LTQuMSAxMS42LTExLjQgMTUuNS0xNy4zLTguOC00LjItMzEgMjAuNC0zOC42IDM1LTcuMiA0LTEwLjEgMTAuNS0xMyAxNSA0LTEzLjEgNC4zLTIyLjYgNy41LTMzLjMtMjQuOCA4LjUtMTQuNSA1NC41LTE5LjkgNjUuNS42LTEyLjIuMS0yNy44LTQuOS0zNS44LTcuNiA1LjgtOC4zIDQwLjItMSA2OC45LTIuNy03LjctNy42LTE0LjktOS4xLTI0LjItMTEuNCAyMC43IDYuNiA0NSAyMS42IDY0LjNhOTUuNyA5NS43IDAgMDEtMjkuOC0yOS4yYzIgMzcgNDAuNyA0NC43IDQ2LjcgNTMuOC04LjItMy44LTIzLjctMTEuMy0zMC40LTMuNGE4MC4yIDgwLjIgMCAwMTI2LjMgOS45YzEwIDEyLjUgMjkgMTggNjIgMTkuNHoiLz4KICA8L2c+Cjwvc3ZnPgo=);
}
.flag-icon-es {
  background-image: url(50623e6a761b392b5381ce35e8a77f99.svg);
}
.flag-icon-es.flag-icon-squared {
  background-image: url(afff247381e7ebe7d31b609f33eca644.svg);
}

When I looked at my configuration, my boilerplate url-loader had a limit of 10000 set:

            {
                test: /\.(png|jpg|gif|eot|svg|ttf|woff|woff2)$/,
                loader: 'url-loader',
                options: {
                    limit: 10000,
                },
            }

I had a hunch that the svg for Spain might be particularly large, and when I looked it was among the largest at 89k. When I bumped the above number up to 100000, my Spain flags started rendering.

Just posting this in case @ddimass or anyone else has a similar issue.

@ronchalant commented on GitHub (Nov 13, 2019): Digging this up, because I was having the same issue. In my case at least, I was using url-loader in webpack to serve up (among other things) svgs. The style tag that contains the flag icons has a url reference to the SVG for Spain, but for most other nations the SVG is inline: ``` .flag-icon-er.flag-icon-squared { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJmbGFnLWljb24tY3NzLWVyIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+CiAgPGRlZnM+CiAgICA8Y2xpcFBhdGggaWQ9ImEiPgogICAgICA8cGF0aCBmaWxsLW9wYWNpdHk9Ii43IiBkPSJNMCAwaDUxMnY1MTJIMHoiLz4KICAgIDwvY2xpcFBhdGg+CiAgPC9kZWZzPgogIDxnIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1wYXRoPSJ1cmwoI2EpIj4KICAgIDxwYXRoIGZpbGw9IiNiZTAwMjciIGQ9Ik0tNDggMGg1OTEuNXY1MTJILTQ4eiIvPgogICAgPHBhdGggZmlsbD0iI2I0ZDdmNCIgZD0iTS00OCA1MTJsNTkxLjUtLjNWMjU2TC00OCA1MTJ6Ii8+CiAgICA8cGF0aCBmaWxsPSIjMjM5ZTQ2IiBkPSJNLTQ4IDBsNTkxLjUuM1YyNTZMLTQ4IDB6Ii8+CiAgICA8cGF0aCBmaWxsPSIjZjNlMjk1IiBkPSJNMTQ4LjggMzUxLjRjLTguNyAyLjQtMTMuNyA5LjItMTMuNiAxNS42bDQyLjgtLjJjLjQtNi45LTUuMi0xMy4yLTEzLjgtMTUuNyA0Mi0uOCA3OC40LTE2LjYgODUtMjYuNi02LjUtMi45LTE0LjEgMS43LTE5LjUuNiAxMi44LTUuOSA1MS4yLTMwLjggNDUtNTcuNGE2Mi4zIDYyLjMgMCAwMS0yNS44IDMwLjNjMTQuMy0yMS44IDM0LTQ0LjUgMTctNjIgLjggMTAuMi02LjYgMjEuNC05LjggMjIuMiA4LjMtMjMgMTYuMy01Mi0xLjgtNzEgMi40IDYuOSAxLjUgMjYuMy0xLjggMjcuMi0xLTE1LjctMy43LTQ4LjYtMjAuMi00OC4xIDUuMyA0LjYgNy41IDE3LjQgNy43IDMwLjItMy44LTguOC04LTE1LjQtMTcuMi0yMmE5Ni4xIDk2LjEgMCAwMC0zMy43LTM0LjMgMzYuMSAzNi4xIDAgMDAxNy4xIDI5LjJjLTcuNS0uNS0xNS0xNC43LTIzLTE1LjEtNi40LS4zLTExLjQgNS44LTIxLjkgMi4zIDEuMiAzLjQgNiA1IDcgNy41LTIuMSAxLjUtNy41LS4yLTExLjktMi41IDYuMSA4LjIgMTUuNSAxMyAyMy41IDExLjQgOS41LTEuOCAxOS43LS44IDI5LjQgNC43YTUxLjYgNTEuNiAwIDAxLTE4LjQuNWM1LjcgNS43IDkuNCA5LjUgMTkuMiA5LjQgOC44IDAgMTMuNC00LjYgMTUuNi0xLjggNS41IDYuNSA5LjIgMTMgMTMuOCAyMC42LTEwLjIgMS4yLTcuMS0xMS40LTE4LjQtMTcuOS02LjMgMTMuMiA3LjMgMjguNyAxNi42IDM1LjIgMCA5LjkgMS41IDE4IDUuNyAyNS42IDIuOCA1LjMgNi41IDEwLjcgNS4xIDIyLjctNS41LTQtMTEtMTcuNy05LTI4LjUtNyAxLjktOS42IDE0LTYuNCAyMC4yIDIuNSA0LjcgNC4xIDEzLjcgMS4zIDE3LjctMi44IDMuNy0zIDMuMy0zIDExLjMgMCA0LjgtMi42IDEwLjUtNyAxNC40IDEtMy4zIDItOS4yIDEtMTIuOC0zLjUgNS45LTEyLjEgMTEuOS0xNC44IDE4LjItMi43IDYuMy0zLjQgMTcuMi0xNi4zIDE5LjctMTYuNyAzLjMtMjIuNSA2LjItMzMuMiAxMC42LTEuMi04LjEgMi40LTI1LjEgOS4yLTI0LjEgNi43IDEuMiAyNi44LTcgMTkuNi0yNC0xLjQgNS40LTYuMiAxMC42LTExLjMgMTAuOSA1LjUtNy4yIDE1LjQtMTQuNyAxMC42LTI2LjdhMzQuNSAzNC41IDAgMDEtMTMuMyAxNC43YzYuOS0xMy4xLjgtMTctNy4zLTYuMy0zIDQuMi01IDEyLjYtNi45IDIzLjItMy4yLTguNi0zLTIwLTYuOC0yOS4yLTQtMTAgNS4zLTEyLjcgOS42LTExLjkgMTAuNiAyLjkgMjguNCAyLjkgMjctMTQuNy00LjUgNi0xMi42IDcuOC0yMS4zIDUuNyA5LjgtNy4yIDE3LjUtMjAuNSA2LjYtMjcuNWEyNS4yIDI1LjIgMCAwMS0xMy43IDE5LjUgNDEgNDEgMCAwMS0uMy0yMC4xYy00LjMgNC41LTcuNCAxMy44LTkuOSAyNC41YTgxLjggODEuOCAwIDAxMy4zLTIzLjhjMi4yLTguMyA3LjgtMi45IDE2LjMtMi4zIDguMi41IDE5LjUtNCAxNy40LTE1LjItMi44IDQuNC04LjYgNi4xLTE0LjUgNS43IDcuMS00LjMgMTkuNC0xMiAxMi43LTIzLjYtMi45IDQuNC0zLjggOC4yLTEyIDkuNiAyLjEtNSAyLjUtMTIgOC45LTE0LjctMTEuNC0yLjMtMTcuOSA1LjItMjEuMiAxNi44LTEuNC04LTMtMTEtMy4zLTE3IDYuMi02LjggNi44LTIwLjItNi41LTIzLjEtLjggNi44LS41IDguNSAxIDE0LTYuMy0zLjYtMTUtNS43LTIxLS40IDQgNC4zIDEwLjIgOCAxOS43IDMuNC0yLjMgNy4zLTguMSA2LTE2LjEgMy4yIDQuOSA5LjIgMTEgMTAuOSAxNy45IDkuOCAzLjUgOS40IDMuNyAxNi41LTYuNyAzMC4yLjQtOC41LS4yLTE0LjgtNy0yMS43LTUuNy01LjctMTAuNC4zLTEuNCAxMi45QTM4LjcgMzguNyAwIDAxMTI3IDIwMGMtMS44IDEwLjEtLjIgMjIgNS40IDI4LjgtMi43IDIuOC01LjctLjMtMTAuMS03LjIgMS42IDIyLjIgMTEuMSAyNi40IDIzLjkgMjEuNS4zIDEyLjIuMyAyMy41IDEgMzguMmE2MS4zIDYxLjMgMCAwMC0yMi0yMC42Yy0xLjcgNiA0LjUgMTMuNyA4IDE4LTUuMy0xLTE2LjctOS43LTE2LjctOS43LTEuMiA5LjkgMTEuNiAxOSAxOS45IDIzLjEtOS43LS40LTE0LTQtMjAuMy0xMCAuMSAyNy40IDI5LjcgMjIuNiAzNS4zIDE4LjRsMi41IDQyLjZjLTguNC0xLjQtNy43LTQtMTQuOS00LjYtMTkuOS0uOC0zNS43LTIzLjktNDAuOS00MC45LTEuNSAyLjgtLjMgNS43LTEuNyA5LjItMy4yLTguNC03LjMtMTkuMS0xMi45LTI0LjEgMS40IDQuOCAxLjYgOS44IDEuMSAxOC44LTEuOS01LjktMy43LTcuNy0zLjgtMTQuNi4xLTUuMyA1LjEtOS4yIDQuOS0xNi43LS4yLTUuNC01LjItMTcuMi02LTI2LjQtMi40IDkuNS0zLjkgMTkuNC03LjYgMjUuMiAxLjktMTAgMS4zLTE3IDQuNC0yMy43IDMuNi03LjIgNi42LTEzLjUgNC4yLTIwLjctMi4zIDIuOC0xLjUgNS4zLTcuMiAxMi0xLjMtNy4zIDcuNC0xOSAxNS44LTIzLjggNi0zIDEzLjQtMTQuMyA4LjYtMjItNS42IDQtOC4xIDkuNS0xNiAxOC43IDUuNi0yMiAyMC4yLTI3LjcgMzcuNy0yNy44IDQgMCAxMS43LTEuNCAxNC02LjUtNSAxLjktMTAuOSAyLjEtMTYgMSAzLjctNS40IDExLjctNC43IDE5LjEtNC44IDUuOCAwIDE0LjktLjggMTguNi05YTQyIDQyIDAgMDEtMjUuMiAxLjVjMTEuMS01LjggMjguNS02LjQgMzcuNC0xNC0xMC4yLTcuNS0zNS42IDEuOS01MS42IDEyLjkgNC41LTQuMSAxMS42LTExLjQgMTUuNS0xNy4zLTguOC00LjItMzEgMjAuNC0zOC42IDM1LTcuMiA0LTEwLjEgMTAuNS0xMyAxNSA0LTEzLjEgNC4zLTIyLjYgNy41LTMzLjMtMjQuOCA4LjUtMTQuNSA1NC41LTE5LjkgNjUuNS42LTEyLjIuMS0yNy44LTQuOS0zNS44LTcuNiA1LjgtOC4zIDQwLjItMSA2OC45LTIuNy03LjctNy42LTE0LjktOS4xLTI0LjItMTEuNCAyMC43IDYuNiA0NSAyMS42IDY0LjNhOTUuNyA5NS43IDAgMDEtMjkuOC0yOS4yYzIgMzcgNDAuNyA0NC43IDQ2LjcgNTMuOC04LjItMy44LTIzLjctMTEuMy0zMC40LTMuNGE4MC4yIDgwLjIgMCAwMTI2LjMgOS45YzEwIDEyLjUgMjkgMTggNjIgMTkuNHoiLz4KICA8L2c+Cjwvc3ZnPgo=); } .flag-icon-es { background-image: url(50623e6a761b392b5381ce35e8a77f99.svg); } .flag-icon-es.flag-icon-squared { background-image: url(afff247381e7ebe7d31b609f33eca644.svg); } ``` When I looked at my configuration, my boilerplate url-loader had a limit of 10000 set: ``` { test: /\.(png|jpg|gif|eot|svg|ttf|woff|woff2)$/, loader: 'url-loader', options: { limit: 10000, }, } ``` I had a hunch that the svg for Spain might be particularly large, and when I looked it was among the largest at 89k. When I bumped the above number up to 100000, my Spain flags started rendering. Just posting this in case @ddimass or anyone else has a similar issue.

kerem commented

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

Author

Owner

@ghost commented on GitHub (Nov 13, 2019):

Thank you for response. You right its because Spain flag is more than 10000 bytes. In new version of Angular there is no inline svg anymore. Now i use svg sprites.

@ghost commented on GitHub (Nov 13, 2019): Thank you for response. You right its because Spain flag is more than 10000 bytes. In new version of Angular there is no inline svg anymore. Now i use svg sprites.

kerem referenced this issue

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

[PR #299] [MERGED] Fixes #741

Rows
Columns

[GH-ISSUE #493] Issue with some flags. Spain, Saudi Arabia, Peru, Mexico #299