[GH-ISSUE #1271] other icon format(rounded-circle)? #588

Closed
opened 2026-03-03 14:39:33 +03:00 by kerem · 3 comments
Owner

Originally created by @ghost on GitHub (Jul 1, 2024).
Original GitHub issue: https://github.com/lipis/flag-icons/issues/1271

Originally created by @ghost on GitHub (Jul 1, 2024). Original GitHub issue: https://github.com/lipis/flag-icons/issues/1271
kerem closed this issue 2026-03-03 14:39:33 +03:00
Author
Owner

@markvantilburg commented on GitHub (Jul 1, 2024):

You could modify the square images class with a border-radius:

.flag-img-square {
    width: 100%;
    aspect-ratio: 1 / 1;
    border: 1px solid #e9ecef;
    border-radius: 2px;
    overflow: hidden;
    border-radius: 50%;
}

Screenshot 2024-07-01 090734

Add: border-radius: 50%; to the square flags

<!-- gh-comment-id:2199399124 --> @markvantilburg commented on GitHub (Jul 1, 2024): You could modify the square images class with a border-radius: ``` .flag-img-square { width: 100%; aspect-ratio: 1 / 1; border: 1px solid #e9ecef; border-radius: 2px; overflow: hidden; border-radius: 50%; } ``` ![Screenshot 2024-07-01 090734](https://github.com/lipis/flag-icons/assets/4510245/6748d2cb-06e8-4a2d-9bfb-b4977355e938) Add: **border-radius: 50%;** to the square flags
Author
Owner

@jwalkerinterpres commented on GitHub (Jul 15, 2024):

Why isn't this just built-in? It would seem trivial to add, and lots of people like round flags.

<!-- gh-comment-id:2229057159 --> @jwalkerinterpres commented on GitHub (Jul 15, 2024): Why isn't this just built-in? It would seem trivial to add, and lots of people like round flags.
Author
Owner

@markvantilburg commented on GitHub (Jul 16, 2024):

Why isn't this just built-in? It would seem trivial to add, and lots of people like round flags.

For flags with bars like the example this is easy to do, but there are a lot of flags where the middle might not be the part you want to keep.

<!-- gh-comment-id:2230197995 --> @markvantilburg commented on GitHub (Jul 16, 2024): > Why isn't this just built-in? It would seem trivial to add, and lots of people like round flags. For flags with bars like the example this is easy to do, but there are a lot of flags where the middle might not be the part you want to keep.
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#588
No description provided.