lipis / flag-icons

:flags: A curated collection of all country flags in SVG — plus the CSS for easier integration

Home Page:https://flagicons.lipis.dev

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

other icon format(rounded-circle)?

stokebreakup opened this issue · comments

Hello. Is there a possibility for the icons to be rounded-circle?
(https://flagicons.lipis.dev/flags/1x1/type/rounded-circle/ax.svg)

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

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

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.