{"repo":"kapowaz/square-flags","free":true,"listed":false,"github":"https://github.com/kapowaz/square-flags","clone":"git clone https://github.com/kapowaz/square-flags.git","description":"A collection of 400+ minimalist square SVG country, state and language flags","language":"JavaScript","stars":101,"topics":["countries","country","country-flags","design","icon-pack","icons","minimal","react","square","states"],"license":"MIT","category":"ui-components","readme_excerpt":"square-flags A collection of circular square SVG country flags, based on [circle-flags][circle-flags], by HatScripts. Why square? What’s different? It’s a [popular request][circle-flags-issues] for the original circle-flags project to offer square variants, but in a lot of cases the change to the original flag design is non-trivial. For simple designs like tricolours you can simply remove the mask, but a lot of the original flags carefully position elements to appear within the silhouette of a circle; once that circle mask is removed, the elements seem misplaced or concentrated around the centre of the flag. So, I’ve taken the original artwork and reworked them to suit a square shape better. I’ve also taken the opportunity to make a few tweaks here and there to colours (adding a new middle dark yellow that has better contrast against light backgrounds), as well as building the whole thing out in Figma using components. Using the flag for Australia, here’s an example of the kind of change: the Union Jack has been replaced with the full design at a quarter scale, the background colour has been changed to Navy to more accurately reflect the original, and the position of the largest star has been moved to the left, closer to its true location. Usage (Where xx is the [ISO 3166-1 alpha-2 code][iso-3166-1] of a country). For example, the following code: ...produces this: To view all the available flags, check [the gallery][gallery]. React If you're using React, an equivalent react-s","default_branch":null,"files":null,"tree":[],"storefront":"/r/kapowaz","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/kapowaz/square-flags/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}