[GH-ISSUE #1123] Black elements missing fill attribute #526

Closed
opened 2026-03-03 14:39:02 +03:00 by kerem · 6 comments
Owner

Originally created by @adamdebono on GitHub (Jul 27, 2023).
Original GitHub issue: https://github.com/lipis/flag-icons/issues/1123

Many of the flags have black coloured elements that don't have an explicit fill attribute, instead relying on the default fill colour being black. If another fill colour is set, from CSS or otherwise, these elements don't appear correctly.

For example, the path element for the black rectangle in the Germany flag. https://github.com/lipis/flag-icons/blob/main/flags/4x3/de.svg?short_path=b08334b#L3

Originally created by @adamdebono on GitHub (Jul 27, 2023). Original GitHub issue: https://github.com/lipis/flag-icons/issues/1123 Many of the flags have black coloured elements that don't have an explicit `fill` attribute, instead relying on the default fill colour being black. If another fill colour is set, from CSS or otherwise, these elements don't appear correctly. For example, the path element for the black rectangle in the Germany flag. https://github.com/lipis/flag-icons/blob/main/flags/4x3/de.svg?short_path=b08334b#L3
kerem closed this issue 2026-03-03 14:39:02 +03:00
Author
Owner

@lipis commented on GitHub (Jul 27, 2023):

So what do we do?

<!-- gh-comment-id:1653490066 --> @lipis commented on GitHub (Jul 27, 2023): So what do we do?
Author
Owner

@adamdebono commented on GitHub (Jul 27, 2023):

Add explicit fill="#000" to the elements that should be black

<!-- gh-comment-id:1653501614 --> @adamdebono commented on GitHub (Jul 27, 2023): Add explicit `fill="#000"` to the elements that should be black
Author
Owner

@lipis commented on GitHub (Jul 27, 2023):

Alright.. how should I start you think.. alphabetically.. by file size.. by continent maybe?

<!-- gh-comment-id:1654145367 --> @lipis commented on GitHub (Jul 27, 2023): Alright.. how should I start you think.. alphabetically.. by file size.. by continent maybe?
Author
Owner

@adamdebono commented on GitHub (Jul 28, 2023):

Geographically, North to South and West to East 😂

I'm in the middle of a big project right now but am happy to help out once I get time. This isn't a blocker for me right now so not a huge rush.

<!-- gh-comment-id:1655208163 --> @adamdebono commented on GitHub (Jul 28, 2023): Geographically, North to South and West to East 😂 I'm in the middle of a big project right now but am happy to help out once I get time. This isn't a blocker for me right now so not a huge rush.
Author
Owner

@lipis commented on GitHub (Jul 28, 2023):

OK.. I'm glad you took it as a joke.. cause I really have no idea where to start and how to deal with it! There is no rush for sure.. but if you're about to do it.. let's start with couple of flags to see how it goes.. I prefer smaller PR than doing something massive on bunch of files!

<!-- gh-comment-id:1655459756 --> @lipis commented on GitHub (Jul 28, 2023): OK.. I'm glad you took it as a joke.. cause I really have no idea where to start and how to deal with it! There is no rush for sure.. but if you're about to do it.. let's start with couple of flags to see how it goes.. I prefer smaller PR than doing something massive on bunch of files!
Author
Owner

@adamdebono commented on GitHub (Nov 27, 2023):

I've finally got around to this, I've started with the ISO codes beginning with a and b.

https://github.com/lipis/flag-icons/pull/1187

<!-- gh-comment-id:1827066966 --> @adamdebono commented on GitHub (Nov 27, 2023): I've finally got around to this, I've started with the ISO codes beginning with a and b. https://github.com/lipis/flag-icons/pull/1187
Sign in to join this conversation.
No milestone
No project
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#526
No description provided.