[GH-ISSUE #67] Add viewBox="0 0 640 480" in SVG #41

New issue

Closed

opened 2026-03-03 14:34:08 +03:00 by kerem · 4 comments

kerem commented

2026-03-03 14:34:08 +03:00

Owner

Originally created by @asauvez on GitHub (Apr 28, 2015).
Original GitHub issue: https://github.com/lipis/flag-icons/issues/67

Hello,

I have some problem when resizing the flag. It is ok with Chrome, but their is some problems with Firefox 37 or IE 11. By example:
http://asauvez.free.fr/OW/toto.html

It seem it may be corrected if the viewBox="0 0 640 480" (for 4x3. For 1x1, viewBox="0 0 512 512"):

<svg viewBox="0 0 640 480" id="svg548" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" height="480" width="640" version="1" y="0" x="0" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/">

http://tympanus.net/codrops/2014/08/19/making-svgs-responsive-with-css/

Thank for your time and continue the good work.

Adrien

Originally created by @asauvez on GitHub (Apr 28, 2015). Original GitHub issue: https://github.com/lipis/flag-icons/issues/67 Hello, I have some problem when resizing the flag. It is ok with Chrome, but their is some problems with Firefox 37 or IE 11. By example: http://asauvez.free.fr/OW/toto.html It seem it may be corrected if the <svg> tag of the flags has an attribute `viewBox="0 0 640 480"` (for 4x3. For 1x1, `viewBox="0 0 512 512"`): ``` xml <svg viewBox="0 0 640 480" id="svg548" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" height="480" width="640" version="1" y="0" x="0" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/"> ``` http://tympanus.net/codrops/2014/08/19/making-svgs-responsive-with-css/ Thank for your time and continue the good work. Adrien

kerem closed this issue

2026-03-03 14:34:09 +03:00

kerem commented

2026-03-03 14:34:09 +03:00

Author

Owner

@asauvez commented on GitHub (May 11, 2015):

It seems that some flags do have a viewbox attribute:
http://lipis.github.io/flag-icon-css/flags/4x3/ba.svg
This flag has viewBox="0 0 512 512" on both 1x1 and 4x3 format. On 4x3, it should be "0 0 640 480".

@asauvez commented on GitHub (May 11, 2015): It seems that some flags do have a viewbox attribute: http://lipis.github.io/flag-icon-css/flags/4x3/ba.svg This flag has viewBox="0 0 512 512" on both 1x1 and 4x3 format. On 4x3, it should be "0 0 640 480".

kerem commented

2026-03-03 14:34:09 +03:00

Author

Owner

@lipis commented on GitHub (May 11, 2015):

You can submit a PR for ba if its not breaking it..

@lipis commented on GitHub (May 11, 2015): You can submit a PR for ba if its not breaking it..

kerem commented

2026-03-03 14:34:09 +03:00

Author

Owner

@lipis commented on GitHub (May 11, 2015):

Also we need to take it per case.. as the original creator has killed the project and I didn't find an automated way to use this viewBox in a unified way for the whole folder..

@lipis commented on GitHub (May 11, 2015): Also we need to take it per case.. as the original creator has killed the project and I didn't find an automated way to use this `viewBox` in a unified way for the whole folder..

kerem commented

2026-03-03 14:34:10 +03:00

Author

Owner

@edorivai commented on GitHub (Aug 10, 2016):

Could you take a look at #275?

@edorivai commented on GitHub (Aug 10, 2016): Could you take a look at #275?