HatScripts / Circle Flags
Licence: mit
A collection of 300+ minimal circular SVG country flags
Stars: ✭ 139
Programming Languages
languages
34 projects
Labels
Projects that are alternatives of or similar to Circle Flags
Simple Icons
SVG icons for popular brands
Stars: ✭ 12,090 (+8597.84%)
Mutual labels: svg, design, icons, svg-icons, icon-pack
Boxicons
High Quality web friendly icons
Stars: ✭ 1,104 (+694.24%)
Mutual labels: svg, icons, svg-icons, icon-pack
Phosphor React
A flexible icon family for React
Stars: ✭ 97 (-30.22%)
Mutual labels: svg, icons, svg-icons, icon-pack
Tabler Icons
A set of over 1400 free MIT-licensed high-quality SVG icons for you to use in your web projects.
Stars: ✭ 10,858 (+7711.51%)
Mutual labels: svg, icons, svg-icons, icon-pack
Vue Unicons
1000+ Pixel-perfect svg icons for your next project as Vue components
Stars: ✭ 828 (+495.68%)
Mutual labels: svg, icons, svg-icons, icon-pack
Coreui Icons
CoreUI Free Icons - Premium designed free icon set with marks in SVG, Webfont and raster formats
Stars: ✭ 1,813 (+1204.32%)
Mutual labels: svg, icons, svg-icons, icon-pack
React Kawaii
Cute SVG React Components
Stars: ✭ 2,709 (+1848.92%)
Mutual labels: svg, design, icons, svg-icons
flagpack
A lightweight flag icon toolkit for the web.
Stars: ✭ 51 (-63.31%)
Mutual labels: country, countries, svg-icons, flags
Phosphor Icons
A flexible icon family for the web
Stars: ✭ 56 (-59.71%)
Mutual labels: svg, icons, svg-icons, icon-pack
React Icomoon
It allows you to simply view the icons in the selection.json file provided by Icomoon.
Stars: ✭ 48 (-65.47%)
Mutual labels: svg, icons, svg-icons
Teenyicons
Tiny minimal 1px icons designed to fit in the smallest places.
Stars: ✭ 1,631 (+1073.38%)
Mutual labels: svg, minimal, icons
Svg Icon
👻 A lightweight library that makes it easier to use SVG icons in your Angular Application
Stars: ✭ 112 (-19.42%)
Mutual labels: svg, icons, svg-icons
Vscode Icons
Custom Visual Studio Code Icons
Stars: ✭ 1,021 (+634.53%)
Mutual labels: design, icons, icon-pack
Browser Logos
🗂 High resolution web browser logos
Stars: ✭ 5,538 (+3884.17%)
Mutual labels: svg, icons, svg-icons
Svgeez
A Ruby gem for automatically generating an SVG sprite from a folder of SVG icons.
Stars: ✭ 69 (-50.36%)
Mutual labels: svgo, svg, svg-icons
Flagpack Core
Flagpack contains 260+ easily implementable flag icons to use in your design or code project.
Stars: ✭ 127 (-8.63%)
Mutual labels: svg, flags, icons
Svgiconimagelist
Three engines to render SVG (GDI+, Direct2D or Cairo) and four components to simplify use of SVG images (resize, fixedcolor, grayscale...): TSVGIconImage, TSVGIconImageCollection, TSVGIconVirtualImageList and TSVGIconImageList (for VCL and FMX).
Stars: ✭ 127 (-8.63%)
Mutual labels: svg, icons, svg-icons
Svg Autocrop
🚗🌽🔳An NPM module to autocrop and slim down SVGs
Stars: ✭ 80 (-42.45%)
Mutual labels: svgo, svg, svg-icons
Svg To Ts
Build performant SVG icon libraries by converting raw SVG files to TypeScript that is optimized for modern tree shaking mechanisms.
Stars: ✭ 131 (-5.76%)
Mutual labels: svg, icons, svg-icons
circle-flags
A collection of circular SVG country flags.
Usage
https://hatscripts.github.io/circle-flags/flags/xx.svg
(Where xx is the ISO 3166-1 alpha-2 code of a country).
For example, the following code:
<img src="https://hatscripts.github.io/circle-flags/flags/br.svg" width="48">
<img src="https://hatscripts.github.io/circle-flags/flags/cn.svg" width="48">
<img src="https://hatscripts.github.io/circle-flags/flags/gb.svg" width="48">
<img src="https://hatscripts.github.io/circle-flags/flags/id.svg" width="48">
<img src="https://hatscripts.github.io/circle-flags/flags/in.svg" width="48">
<img src="https://hatscripts.github.io/circle-flags/flags/ng.svg" width="48">
<img src="https://hatscripts.github.io/circle-flags/flags/ru.svg" width="48">
<img src="https://hatscripts.github.io/circle-flags/flags/us.svg" width="48">
...produces this:
To view all the available flags, check the gallery.
React
If you're using React, you may want to try the react-circle-flags package.
NPM
If you want to install this package as dependency, you can install it from this GitHub repository:
npm install --save https://github.com/HatScripts/circle-flags
Contributing
To contribute, you need to have svgo installed (version 1.2.0 or newer).
First, edit the relevant SVG files in the flags/ directory.
Then run svgo to optimize the SVG files:
svgo ./flags --recursive --config=svgo.yml
Then commit the changes, and submit them as a pull request.
License
This project is released under the MIT license.
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].