flag-icon-css - :flags: A collection of all country flags in SVG — plus the CSS for easier integration

  •        1964

A collection of all country flags in SVG — plus the CSS for easier integration. See the demo. Which means that the flag is just going to appear in the middle of an element, so you will have to set manually the correct size of 4 by 3 ratio or if it's squared add also the flag-icon-squared class.

http://flag-icon-css.lip.is
https://github.com/lipis/flag-icon-css

Tags
Implementation
License
Platform

   




Related Projects

flags - GoSquared's flag icon set

  •    Makefile

Here you'll find all the files available in our flag icon set and the tools we use to generate the downloadable file. If you want to build your own version of this flag set, with any additions or modifications, just edit the files in src/flags. Each flag has its own folder, and inside each folder there is one PNG file for each size of the flag. Also in each folder is a file called code, which contains the ISO-3166-2 country code for the flag.

country-flags - SVG and PNG renders of all countries' flags.

  •    Javascript

This repository contains renders of all the worlds flags in SVG and PNG format. The source files were taken from Wikipedia and are not under copyright protection since flags are effectively in public domain (there may be other restrictions on how the flag can be used though).

grunticon - A mystical CSS icon solution.

  •    HTML

grunticon is a Grunt.js task that makes it easy to manage icons and background images for all devices, preferring HD (retina) SVG icons but also provides fallback support for standard definition browsers, and old browsers alike. From a CSS perspective, it's easy to use, as it generates a class referencing each icon, and doesn't use CSS sprites. grunticon takes a folder of SVG/PNG files (typically, icons that you've drawn in an application like Adobe Illustrator), and outputs them to CSS in 3 formats: svg data urls, png data urls, and a third fallback CSS file with references to regular png images, which are also automatically generated and placed in a folder.

CountryPicker - CountryPicker is a custom UIPickerView subclass that provides an iOS control allowing a user to select a country from a list

  •    Objective-C

CountryPicker is a custom UIPickerView subclass that provides an iOS control allowing a user to select a country from a list. It can optionally display a flag next to each country name, and the library includes a set of 249 public domain flag images from https://github.com/koppi/iso-country-flags-svg-collection that have been renamed to work with the library. Note that the list of countries is based on the ISO 3166 country code standard (http://en.wikipedia.org/wiki/ISO_3166-1). This list excludes certain smaller countries, regarding them as part of a larger state. For example, England, Scotland, Wales and Northern Ireland are lumped together as Great Britain. For most purposes this is fine as it matches the convention used for locales, but if you need to specify additional countries, you can subclass and modify the countires list as described under "Subclassing" below.

icono - One tag One icon, no font or svg, Pure CSS

  •    CSS

icono is an icon pack that needs no external resources. Every tags can be an icon made with pure CSS. You can add icono folder in your project and import icono.less for compile. iconos maincolor can be changed in variable.less.


grunt-webfont - SVG to webfont converter for Grunt

  •    Javascript

Generate custom icon webfonts from SVG files via Grunt. Inspired by Font Custom. This task will make all you need to use font-face icon on your website: font in all needed formats, CSS/Sass/Less/Stylus and HTML demo page.

open-iconic - An open source icon set with 223 marks in SVG, webfont and raster formats

  •    CSS

We like SVGs and we think they're the way to display icons on the web. Since Open Iconic are just basic SVGs, we suggest you display them like you would any other image (don't forget the alt attribute). Open Iconic also comes in a SVG sprite which allows you to display all the icons in the set with a single request. It's like an icon font, without being a hack.

gulp-svg-sprite - SVG sprites & stacks galore — Gulp plugin wrapping around svg-sprite that reads in a bunch of SVG files, optimizes them and creates SVG sprites and CSS resources in various flavours

  •    Javascript

This document covers only gulp specific installation and configuration aspects. For a full list of features and options, please see the svg-sprite manual. NOTICE: By default, svg-sprite doesn't send any files downstream unless you configure it. There are tons of options available — please see below for some basic examples. Also, you should possibly take care of errors that might occur.

SVGInjector - Fast, caching, dynamic inline SVG DOM injection library

  •    Javascript

A fast, caching, dynamic inline SVG DOM injection library. Developed by Waybury for use in iconic.js, part of the Iconic icon system. There are a number of ways to use SVG on a page (object, embed, iframe, img, CSS background-image) but to unlock the full potential of SVG, including full element-level CSS styling and evaluation of embedded JavaScript, the full SVG markup must be included directly in the DOM.

svg-sprite - SVG sprites & stacks galore — A low-level Node

  •    Javascript

It comes with a set of Mustache templates for creating stylesheets in good ol' CSS or one of the major pre-processor formats (Sass, Less and Stylus). Tweaking the templates or even adding your own custom output format is really easy, just as switching on the generation of an HTML example document along with your sprite. For an up-to-date list of browsers supporting SVG in general respectively SVG fragment identifiers in particular (required for <defs> and <symbol> sprites as well as SVG stacks) please refer to caniuse.com.

weather-icons - 215 Weather Themed Icons and CSS

  •    CSS

Place the 5 font files and the main weather-icons.min.css file in your project, with the assumption that the fonts are located up ../ from your CSS directory. The icons are displayed by using an i element and adding the base class wi and then the icon class you want, such as day-sunny. This then looks like <i class="wi wi-day-sunny"></i>.

map-icons - An icon font for use with Google Maps API and Google Places API using SVG markers and icon labels

  •    HTML

Map Icons makes Google Maps Markers dynamic with control over shape, color, size, and icon easily changed using options in the marker object as well as simple SVG Notation and CSS. Keep track development updates by following @map_icons on Twitter.

fontisto - The iconic font and CSS toolkit

  •    CSS

Fontisto is a full suite of 616+ pictographic icons for easy scalable vector graphics on websites, created and maintained by Kenan Gündoğan. Stay up to date with the latest release and announcements on Twitter: @fontisto. Within the download you'll find the following directories and files, logically grouping common assets and providing both compiled and minified variations.

css-flags - Flags of the world with only one div

  •    CSS

Recreating all the flags of the nations of the world in pure CSS, using only one div per flag. This side-project has no real-world application, it was just an exercise to push the boundaries of what I know about CSS. Trying to use the language to do things it wasn't meant to do in the first place taught me a lot about the language.

heroicons - A set of free MIT-licensed high-quality SVG icons for UI development.

  •    Javascript

A set of 450+ free MIT-licensed high-quality SVG icons for you to use in your web projects. Available as basic SVG icons and via first-party React and Vue libraries. Both icon styles are preconfigured to be stylable by setting the color CSS property, either manually or using utility classes like text-gray-500 in a framework like Tailwind CSS.

CountryPicker

  •    Objective-C

CountryPicker is a custom UIPickerView subclass that provides an iOS control allowing a user to select a country from a list. It can optionally display a flag next to each country name, and the library includes a set of 249 high-quality, public domain flag images from FAMFAMFAM (http://www.famfamfam.com/lab/icons/flags/) that have been painstakingly re-named by country code to work with the library.

cryptocoins - Cryptocoins is the most complete vector/webfont icon pack of your favourite cryptocurrencies

  •    CSS

Cryptocoins is the most complete free vector iconpack of your favourite cryptocurrencies. Available in webfont & SVG format for taking advantage of small file sizes and unlimited scalability, Cryptocoins are perfect for usage on the web – right where they belong. Use them all or just the ones you need.

boxicons - High Quality web friendly icons

  •    CSS

'Boxicons' is a carefully designed open source iconset with 700+ icons. It's crafted to look enrich your website/app experience. Total of 798 icons in regular, solid styles.






We have large collection of open source products. Follow the tags from Tag Cloud >>


Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.