starred/flag-icons
1
0
Fork 0
mirror of https://github.com/lipis/flag-icons.git synced 2026-04-26 09:25:50 +03:00
Code Issues 33 Projects Releases 5 Packages Wiki Activity

[GH-ISSUE #480] Spain and Portugal size #294

New issue
Closed
opened 2026-03-03 14:37:18 +03:00 by kerem · 2 comments
kerem commented 2026-03-03 14:37:18 +03:00
Owner
Copy link

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

I noticed that the flags for spain and portugal have not the same size as of the other flags.

image

The code I use to reproduce the issue:

  <div style="padding: 5em">
    <span class="flag-icon flag-icon-at" style="border: 1px solid black"></span><br/>
    <span class="flag-icon flag-icon-be" style="border: 1px solid black"></span><br/>
    <span class="flag-icon flag-icon-ch" style="border: 1px solid black"></span><br/>
    <span class="flag-icon flag-icon-de" style="border: 1px solid black"></span><br/>
    <span class="flag-icon flag-icon-dk" style="border: 1px solid black"></span><br/>
    <span class="flag-icon flag-icon-es" style="border: 1px solid black"></span><br/>
    <span class="flag-icon flag-icon-fr" style="border: 1px solid black"></span><br/>
    <span class="flag-icon flag-icon-fi" style="border: 1px solid black"></span><br/>
    <span class="flag-icon flag-icon-it" style="border: 1px solid black"></span><br/>
    <span class="flag-icon flag-icon-nl" style="border: 1px solid black"></span><br/>
    <span class="flag-icon flag-icon-no" style="border: 1px solid black"></span><br/>
    <span class="flag-icon flag-icon-pt" style="border: 1px solid black"></span><br/>
    <span class="flag-icon flag-icon-ru" style="border: 1px solid black"></span><br/>
    <span class="flag-icon flag-icon-se" style="border: 1px solid black"></span><br/>
    <span class="flag-icon flag-icon-tr" style="border: 1px solid black"></span><br/>
    <span class="flag-icon flag-icon-us" style="border: 1px solid black"></span><br/>
    <span class="flag-icon flag-icon-gb-sct"  style="border: 1px solid black"></span><br/>
    <span class="flag-icon flag-icon-gb-eng"  style="border: 1px solid black"></span>
  </div>
Originally created by @sydneyhenrard on GitHub (Sep 1, 2018). Original GitHub issue: https://github.com/lipis/flag-icons/issues/480 I noticed that the flags for spain and portugal have not the same size as of the other flags. ![image](https://user-images.githubusercontent.com/5309640/44943671-920b1900-adca-11e8-8766-1e094601256c.png) The code I use to reproduce the issue: ``` <div style="padding: 5em"> <span class="flag-icon flag-icon-at" style="border: 1px solid black"></span><br/> <span class="flag-icon flag-icon-be" style="border: 1px solid black"></span><br/> <span class="flag-icon flag-icon-ch" style="border: 1px solid black"></span><br/> <span class="flag-icon flag-icon-de" style="border: 1px solid black"></span><br/> <span class="flag-icon flag-icon-dk" style="border: 1px solid black"></span><br/> <span class="flag-icon flag-icon-es" style="border: 1px solid black"></span><br/> <span class="flag-icon flag-icon-fr" style="border: 1px solid black"></span><br/> <span class="flag-icon flag-icon-fi" style="border: 1px solid black"></span><br/> <span class="flag-icon flag-icon-it" style="border: 1px solid black"></span><br/> <span class="flag-icon flag-icon-nl" style="border: 1px solid black"></span><br/> <span class="flag-icon flag-icon-no" style="border: 1px solid black"></span><br/> <span class="flag-icon flag-icon-pt" style="border: 1px solid black"></span><br/> <span class="flag-icon flag-icon-ru" style="border: 1px solid black"></span><br/> <span class="flag-icon flag-icon-se" style="border: 1px solid black"></span><br/> <span class="flag-icon flag-icon-tr" style="border: 1px solid black"></span><br/> <span class="flag-icon flag-icon-us" style="border: 1px solid black"></span><br/> <span class="flag-icon flag-icon-gb-sct" style="border: 1px solid black"></span><br/> <span class="flag-icon flag-icon-gb-eng" style="border: 1px solid black"></span> </div> ```
kerem closed this issue 2026-03-03 14:37:18 +03:00
kerem commented 2026-03-03 14:37:19 +03:00
Author
Owner
Copy link

@sydneyhenrard commented on GitHub (Sep 1, 2018):

I checked the css for france and spain:

.flag-icon-es {
    background-image: url("es.svg");
}

.flag-icon-fr {
    background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 id%3D%22flag-icon-css-fr%22 width%3D%22640%22 height%3D%22480%22%3E  %3Cg fill-rule%3D%22evenodd%22 stroke-width%3D%221pt%22%3E    %3Cpath fill%3D%22%23fff%22 d%3D%22M0 0h640v480H0z%22%2F%3E    %3Cpath fill%3D%22%2300267f%22 d%3D%22M0 0h213.337v480H0z%22%2F%3E    %3Cpath fill%3D%22%23f31830%22 d%3D%22M426.662 0H640v480H426.662z%22%2F%3E  %3C%2Fg%3E%3C%2Fsvg%3E");
}

Do you know why it's different?

<!-- gh-comment-id:417883241 --> @sydneyhenrard commented on GitHub (Sep 1, 2018): I checked the css for france and spain: ``` .flag-icon-es { background-image: url("es.svg"); } .flag-icon-fr { background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 id%3D%22flag-icon-css-fr%22 width%3D%22640%22 height%3D%22480%22%3E %3Cg fill-rule%3D%22evenodd%22 stroke-width%3D%221pt%22%3E %3Cpath fill%3D%22%23fff%22 d%3D%22M0 0h640v480H0z%22%2F%3E %3Cpath fill%3D%22%2300267f%22 d%3D%22M0 0h213.337v480H0z%22%2F%3E %3Cpath fill%3D%22%23f31830%22 d%3D%22M426.662 0H640v480H426.662z%22%2F%3E %3C%2Fg%3E%3C%2Fsvg%3E"); } ``` Do you know why it's different?
kerem commented 2026-03-03 14:37:19 +03:00
Author
Owner
Copy link

@sydneyhenrard commented on GitHub (Sep 6, 2018):

This is a bug in Angular CLI.

<!-- gh-comment-id:419025805 --> @sydneyhenrard commented on GitHub (Sep 6, 2018): This is a bug in Angular CLI.
Sign in to join this conversation.
No Branch/Tag specified
Branches Tags
main
dependabot/npm_and_yarn/prettier-3.8.3
dependabot/npm_and_yarn/follow-redirects-1.16.0
dependabot/npm_and_yarn/sass-1.99.0
dependabot/npm_and_yarn/svgo-4.0.1
v7.5.0
v7.4.0
v7.3.2
v7.3.1
v7.3.0
v7.2.4
v7.2.3
v7.2.2
v7.2.1
v7.2.0
v7.1.0
v7.0.3
v7.0.2
v7.0.1
v7.0.0
v6.15.0
v6.14.0
v6.13.2
v6.13.1
v6.13.0
v6.12.0
v6.11.2
v6.11.1
v6.11.0
v6.10.1
v6.10.0
v6.9.5
v6.9.4
v6.9.3
v6.9.2
v6.9.1
v6.9.0
v6.8.0
v6.7.0
v6.6.6
v6.6.5
v6.6.4
v6.6.3
v6.6.2
v6.6.1
v6.6.0
v6.5.1
v6.5.0
v6.4.6
v6.4.5
v6.4.4
v6.4.3
v6.4.2
v6.4.1
v6.4.0
v6.3.0
v6.2.0
v4.1.5
v4.1.4
v4.1.3
v4.1.2
v4.1.1
v4.1.0
3.5.0
3.4.6
3.4.5
3.4.4
3.4.3
3.4.2
3.4.1
3.4.0
3.3.0
3.2.1
3.2.0
3.1.0
3.0.0
2.9.0
2.8.0
2.7.0
2.6.0
2.5.0
2.4.0
2.3.1
2.3.0
2.2.0
2.1.0
2.0.0
1.4.0
1.3.0
1.2.0
1.1.0
1.0.0
0.8.6
0.8.5
0.8.4
0.8.3
0.8.2
0.8.1
v0.8.1
0.8.0
0.7.1
0.7.0
0.6.5
0.6.4
0.6.3
0.6.2
0.6.1
0.6.0
0.5.1
0.5.0
0.4.0
0.3.0
0.2.0
0.1.0
Labels
Clear labels   
3rd-party

   
3rd-party

   
bug

   
code

   
documentation

   
enhancement

   
fixed-in-master

   
flag-request

   
help needed

   
missing-flag

   
missing-flag

   
pull-request

Mirrored from GitHub Pull Request

  
wrong-flag

   
wrong-flag
No labels
3rd-party
3rd-party
bug
code
documentation
enhancement
fixed-in-master
flag-request
help needed
missing-flag
missing-flag
pull-request
wrong-flag
wrong-flag
Milestone
Clear milestone
No items
No milestone
Projects
Clear projects
No items
No project
Assignees
Clear assignees
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
starred/flag-icons#294
No description provided.