code:
/**
 * Modified version of Jake Gordon's Bin Packing algorithm used for Filterizr's 'packed' layout
 * @see {@link https://github.com/jakesgordon/bin-packing}
 */
interface PackerRoot {
    x: number;
    y: number;
    w: number;
    h?: number;
    used?: boolean;
    down?: PackerRoot;
    right?: PackerRoot;
}
interface PackerBlock {
    x?: number;
    y?: number;
    w?: number;
    h?: number;
    fit?: PackerRoot | void;
}
export default class Packer {
    root: PackerRoot;
    constructor(w: number);
    init(w: number): void;
    fit(blocks: PackerBlock[]): void;
    findNode(root: PackerRoot, w: number, h: number): PackerRoot | void;
    splitNode(node: PackerRoot, w: number, h: number): PackerRoot;
    growDown(w: number, h: number): PackerRoot | void;
}
export {};


code:
import { Position } from '../FilterItem';
import FilterContainer from '../FilterContainer';
/**
 * Horizontal layout algorithm that arranges all FilterItems in one row. Their width may vary.
 * @param filterContainer instance.
 */
declare const getHorizontalLayoutPositions: (filterContainer: FilterContainer) => Position[];
export default getHorizontalLayoutPositions;

repo_name: tkkonline/php

license: mit


code:
import { Position } from '../FilterItem';
import FilterContainer from '../FilterContainer';
/**
 * Packed layout for items that can have varying width as well as varying height.
 * @param filterContainer instance.
 */
declare const getPackedLayoutPositions: (filterContainer: FilterContainer) => Position[];
export default getPackedLayoutPositions;


code:
import { Position } from '../FilterItem';
import FilterContainer from '../FilterContainer';
/**
 * Same height layout for items that have the same height, but can have varying width
 * @param filterContainer instance.
 */
declare const getSameHeightLayoutPositions: (filterContainer: FilterContainer) => Position[];
export default getSameHeightLayoutPositions;


code:
import { Position } from '../FilterItem';
import FilterContainer from '../FilterContainer';
/**
 * Same size layout for items that have the same width/height
 * @param filterContainer instance.
 */
declare const getSameSizeLayoutPosition: (filterContainer: FilterContainer) => Position[];
export default getSameSizeLayoutPosition;


code:
import { Position } from '../FilterItem';
import FilterContainer from '../FilterContainer';
/**
 * Same width layout for items that have the same width, but can have varying height
 * @param filterContainer instance.
 */
declare const getSameWidthLayoutPositions: (filterContainer: FilterContainer) => Position[];
export default getSameWidthLayoutPositions;


code:
import { Position } from '../FilterItem';
import FilterContainer from '../FilterContainer';
/**
 * Vertical layout algorithm that arranges all FilterItems in one column. Their height may vary.
 * @param filterizr instance.
 */
declare const getVerticalLayoutPositions: (filterContainer: FilterContainer) => Position[];
export default getVerticalLayoutPositions;


code: export { default } from './makeLayoutPositions';


code:
import { ContainerLayout, Dimensions } from '../types/interfaces';
declare const _default: (itemsDimensions: Dimensions[], gutterPixels: number) => ContainerLayout;
/**
 * Horizontal layout algorithm that arranges all FilterItems in one row. Their width may vary.
 */
export default _default;


code:
import { ContainerLayout, Dimensions, Options } from '../types/interfaces';
declare const _default: (containerWidth: number, itemsDimensions: Dimensions[], { gutterPixels, layout }: Options) => ContainerLayout;
/**
 * Creates the specifications of the dimensions of the
 * container and items for the next render of Filterizr.
 */
export default _default;


code:
import { ContainerLayout, Dimensions } from '../types/interfaces';
declare const _default: (containerWidth: number, itemsDimensions: Dimensions[], gutterPixels: number) => ContainerLayout;
/**
 * Packed layout for items that can have varying width as well as varying height.
 */
export default _default;


code:
import { ContainerLayout, Dimensions } from '../types/interfaces';
declare const _default: (containerWidth: number, itemsDimensions: Dimensions[], gutterPixels: number) => ContainerLayout;
/**
 * Same height layout for items that have the same height, but can have varying width
 */
export default _default;


code:
import { ContainerLayout, Dimensions } from '../types/interfaces';
declare const _default: (containerWidth: number, itemsDimensions: Dimensions[], gutterPixels: number) => ContainerLayout;
/**
 * Same size layout for items that have the same width/height
 */
export default _default;


code:
import { ContainerLayout, Dimensions } from '../types/interfaces';
declare const _default: (containerWidth: number, itemsDimensions: Dimensions[], gutterPixels: number) => ContainerLayout;
/**
 * Same width layout for items that have the same width and varying height
 */
export default _default;


code:
import { ContainerLayout, Dimensions } from '../types/interfaces';
declare const _default: (itemsDimensions: Dimensions[], gutterPixels: number) => ContainerLayout;
/**
 * Vertical layout algorithm that arranges all FilterItems in one column. Their height may vary.
 */
export default _default;


code:
export declare type Filter = string | string[];
export declare type FilterizrState = 'IDLE' | 'FILTERING' | 'SORTING' | 'SHUFFLING';
export declare type Layout = 'horizontal' | 'vertical' | 'sameHeight' | 'sameWidth' | 'sameSize' | 'packed';


code:
import { SpinnerOptions } from './SpinnerOptions';
import { RawOptionsCallbacks } from './RawOptionsCallbacks';
import { Layout } from '..';
export interface BaseOptions {
    animationDuration?: number;
    callbacks?: RawOptionsCallbacks;
    controlsSelector?: string;
    delay?: number;
    delayMode?: 'alternate' | 'progressive';
    easing?: string;
    filterOutCss?: object;
    filterInCss?: object;
    gridItemsSelector?: string;
    gutterPixels?: number;
    layout?: Layout;
    multifilterLogicalOperator?: 'or' | 'and';
    searchTerm?: string;
    setupControls?: boolean;
    spinner?: SpinnerOptions;
}


code:
import { Position } from './Position';
export interface ContainerLayout {
    containerHeight: number;
    itemsPositions: Position[];
}


code:
export interface Destructible {
    destroy(): void | Promise<void>;
}


code:
export interface Dictionary {
    [key: string]: any;
}


code:
export interface Dimensions {
    width: number;
    height: number;
}


code:
import { BaseOptions } from './BaseOptions';
import ActiveFilter from '../../ActiveFilter';
export interface Options extends BaseOptions {
    filter: ActiveFilter;
}


code:
export interface Position {
    left: number;
    top: number;
}


code:
import { BaseOptions } from './BaseOptions';
export interface RawOptions extends BaseOptions {
    filter?: string | string[];
}


code:
export interface RawOptionsCallbacks {
    onInit?: EventListener;
    onFilteringStart?: EventListener;
    onFilteringEnd?: EventListener;
    onShufflingStart?: EventListener;
    onShufflingEnd?: EventListener;
    onSortingStart?: EventListener;
    onSortingEnd?: EventListener;
    onTransitionEnd?: EventListener;
}


code:
export interface Resizable {
    readonly dimensions: {
        width: number;
        height: number;
    };
}


code:
import { Dictionary } from './Dictionary';
export interface SpinnerOptions {
    enabled?: boolean;
    fillColor?: string;
    styles?: Dictionary;
}


code:
import StyledFilterizrElement from '../../StyledFilterizrElement';
import StyledFilterizrElements from '../../StyledFilterizrElements';
export interface Styleable {
    readonly styles: StyledFilterizrElement | StyledFilterizrElements;
}


code:
export { BaseOptions } from './BaseOptions';
export { ContainerLayout } from './ContainerLayout';
export { Destructible } from './Destructible';
export { Dictionary } from './Dictionary';
export { Dimensions } from './Dimensions';
export { Options } from './Options';
export { Position } from './Position';
export { RawOptions } from './RawOptions';
export { RawOptionsCallbacks } from './RawOptionsCallbacks';
export { Resizable } from './Resizable';
export { SpinnerOptions } from './SpinnerOptions';
export { Styleable } from './Styleable';


code:
import { Dictionary } from './types/interfaces/Dictionary';
import FilterItem from './FilterItem';
/**
 * A function to check that all elements of an array are found within another array.
 * @param {Array} arr1 is the array of strings to be checked
 * @param {Array} arr2 is the array of strings to check against
 * @return {Boolean} whether all string of arr1 are contained in arr2
 */
declare const allStringsOfArray1InArray2: (arr1: string[], arr2: string[]) => boolean;
export { allStringsOfArray1InArray2 };
/**
 * Given a CSS prop it will normalize the syntax for JS
 * e.g. transform background-color to backgroundColor
 * @param {String} cssProp prop name
 * @return {String} normalized name
 */
declare const getNormalizedCssPropName: (cssProp: string) => string;
export { getNormalizedCssPropName };
/**
 * Set inline styles on an HTML node
 * @param {HTMLElement} node - HTML node
 * @param {Object} styles - object with styles
 * @returns {undefined}
 */
declare function setStylesOnHTMLNode(node: Element, styles: any): void;
export { setStylesOnHTMLNode };
/**
 * Returns an object with value/key pairs of all data
 * attributes on an HTML element, disregarding the
 * two data attributes that are reserved for internal
 * usage by Filterizr
 * @param {Object} node - HTML node
 * @returns {Object} map of data attributes / values
 */
declare function getDataAttributesOfHTMLNode(node: Element): Dictionary;
export { getDataAttributesOfHTMLNode };
/**
 * Check that a DOM element has a data-attribute present
 * @param {Object} node element
 * @param {String} dataAttributeName name of data attribute
 * @return {Boolean} data attribute exists
 */
declare function checkDataAttributeExists(node: Element, dataAttributeName: string): boolean;
export { checkDataAttributeExists };
/**
 * A very simple function to perform a basic
 * deep clone of an object.
 * @param {Object} o is the object to perform the deep clone on
 * @return {Object} deep clone
 */
declare const makeShallowClone: (o: any) => Dictionary;
export { makeShallowClone };
/**
 * A function to recursively merge an object, copying over all
 * properties of the old object missing from the target object.
 * In case a prop in is an object, the method is called recursively.
 * This is a non-mutating method.
 * @param {Object} old is the old object from which the missing props are copied.
 * @param {Object} target is the target object with the updated values.
 */
declare const merge: (old: any, target: any) => Dictionary;
export { merge };
/**
 * A function get the intersection of two arrays. IE9+.
 * @param {Array} arr1 is the first array of which to get the intersection
 * @param {Array} arr2 is the second array of which to get the intersection
 */
declare const intersection: (arr1: any[], arr2: any[]) => any;
export { intersection };
/**
 * Debounce of Underscore.js
 */
declare const debounce: (func: Function, wait: number, immediate: boolean) => Function;
export { debounce };
/**
 * Fisher-Yates shuffle ES6 non-mutating implementation.
 * @param {Array} array the array to shuffle
 * @return {Array} shuffled array without mutating the initial array.
 */
declare const shuffle: (array: any[]) => any[];
export { shuffle };
/**
 * Simple method to check if two arrays of FilterItems
 * are sorted in the same manner or not.
 * @param {Array} arr1 the first array of FilterItems
 * @param {Array} arr2 the second array of FilterItems
 * @return {Boolean} equality
 */
declare const filterItemArraysHaveSameSorting: (filterItemsA: FilterItem[], filterItemsB: FilterItem[]) => boolean;
export { filterItemArraysHaveSameSorting };
/**
 * Simple non-mutating sorting function for arrays of objects by a property
 * @param {Array} array to sort
 * @param {Function} propFn fetches the property by which to sort
 * @return {Array} a new sorted array
 */
declare const sortBy: (array: any[], propFn: Function) => any[];
export { sortBy };
/**
 * Error checking method to restrict a prop to some allowed values
 * @param {String} name of the option key in the options object
 * @param {String|Number|Object|Function|Array|Boolean} value of the option
 * @param {String} type of the property
 * @param {Array} allowed accepted values for option
 * @param {String} furtherHelpLink a link to docs for further help
 */
declare const checkOptionForErrors: (name: string, value: string | number | boolean | object | Function | any[], type?: string, allowed?: RegExp | any[], furtherHelpLink?: string) => void;
export { checkOptionForErrors };
/**
 * Wrapper around document.querySelector, will function as
 * an identity function if an HTML element is passed in
 * @param {HTMLElement|string} nodeOrSelector
 */
declare const getHTMLElement: (selectorOrNode: string | HTMLElement) => HTMLElement;
export { getHTMLElement };
/**
 * A Regexp to validate potential values for the CSS easing property of transitions.
 */
declare const cssEasingValuesRegexp: RegExp;
export { cssEasingValuesRegexp };
/**
 * Possible animation states for Filterizr
 */
declare const FILTERIZR_STATE: {
    IDLE: string;
    FILTERING: string;
    SORTING: string;
    SHUFFLING: string;
};
export { FILTERIZR_STATE };
/**
 * Transition end events with vendor prefixing
 */
declare const TRANSITION_END_EVENTS: string[];
export { TRANSITION_END_EVENTS };
/**
 * A no-operation function
 */
declare const noop: () => void;
export { noop };


code: export declare const allStringsOfArray1InArray2: (arr1: string[], arr2: string[]) => boolean;


code:
/**
 * Error checking method to restrict a prop to some allowed values
 * @param {String} name of the option key in the options object
 * @param {String|Number|Object|Function|Array|Boolean} value of the option
 * @param {String} type of the property
 * @param {Array} allowed accepted values for option
 * @param {String} furtherHelpLink a link to docs for further help
 */
export declare const checkOptionForErrors: (name: string, value: string | number | boolean | object | Function | any[], type?: string, allowed?: RegExp | any[], furtherHelpLink?: string) => void;


code:
/**
 * Debounce of Underscore.js
 */
export declare const debounce: (func: Function, wait: number, immediate: boolean) => Function;


code:
import FilterItem from '../FilterItem';
/**
 * Simple method to check if two arrays of FilterItems
 * are sorted in the same manner or not.
 * @param {Array} arr1 the first array of FilterItems
 * @param {Array} arr2 the second array of FilterItems
 * @return {Boolean} equality
 */
export declare const filterItemArraysHaveSameSorting: (filterItemsA: FilterItem[], filterItemsB: FilterItem[]) => boolean;


code:
import { Dictionary } from '../types/interfaces/Dictionary';
export declare function getDataAttributesOfHTMLNode(node: Element): Dictionary;


code:
/**
 * Wrapper around document.querySelector, will function as
 * an identity function if an HTML element is passed in
 * @param {HTMLElement|string} nodeOrSelector
 */
export declare const getHTMLElement: (selectorOrNode: string | HTMLElement) => HTMLElement;


code:
export { allStringsOfArray1InArray2 } from './allStringsOfArray1InArray2';
export { checkOptionForErrors } from './checkOptionForErrors';
export { debounce } from './debounce';
export { filterItemArraysHaveSameSorting, } from './filterItemArraysHaveSameSorting';
export { getDataAttributesOfHTMLNode } from './getDataAttributesOfHTMLNode';
export { getHTMLElement } from './getHTMLElement';
export { intersection } from './intersection';
export { merge } from './merge';
export { noop } from './noop';
export { setStyles } from './setStyles';
export { shuffle } from './shuffle';
export { sortBy } from './sortBy';


code:
/**
 * A function get the intersection of two arrays. IE9+.
 */
export declare const intersection: (arr1: any[], arr2: any[]) => any[];


code:
import { Dictionary } from '../types/interfaces/Dictionary';
/**
 * Deep merge two objects.
 */
export declare function merge(target: Dictionary, ...sources: Dictionary[]): Dictionary;


code:
/**
 * A no-operation function
 */
export declare const noop: () => void;


code:
/**
 * Set inline styles on an HTML node
 * @param {HTMLElement} node - HTML node
 * @param {Object} styles - object with styles
 * @returns {undefined}
 */
export declare function setStyles(node: Element, styles: any): void;


code:
/**
 * Fisher-Yates shuffle ES6 non-mutating implementation.
 * @param {Array} array the array to shuffle
 * @return {Array} shuffled array without mutating the initial array.
 */
export declare const shuffle: (array: any[]) => any[];


code:
/**
 * Simple non-mutating sorting function for arrays of objects by a property
 * @param {Array} array to sort
 * @param {Function} propFn fetches the property by which to sort
 * @return {Array} a new sorted array
 */
export declare const sortBy: (array: any[], propFn: Function) => any[];


code:
.flag-icon-background {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}
.flag-icon {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  position: relative;
  display: inline-block;
  width: 1.33333333em;
  line-height: 1em;
}
.flag-icon:before {
  content: "\00a0";
}
.flag-icon.flag-icon-squared {
  width: 1em;
}
.flag-icon-ad {
  background-image: url(../flags/4x3/ad.svg);
}
.flag-icon-ad.flag-icon-squared {
  background-image: url(../flags/1x1/ad.svg);
}
.flag-icon-ae {
  background-image: url(../flags/4x3/ae.svg);
}
.flag-icon-ae.flag-icon-squared {
  background-image: url(../flags/1x1/ae.svg);
}
.flag-icon-af {
  background-image: url(../flags/4x3/af.svg);
}
.flag-icon-af.flag-icon-squared {
  background-image: url(../flags/1x1/af.svg);
}
.flag-icon-ag {
  background-image: url(../flags/4x3/ag.svg);
}
.flag-icon-ag.flag-icon-squared {
  background-image: url(../flags/1x1/ag.svg);
}
.flag-icon-ai {
  background-image: url(../flags/4x3/ai.svg);
}
.flag-icon-ai.flag-icon-squared {
  background-image: url(../flags/1x1/ai.svg);
}
.flag-icon-al {
  background-image: url(../flags/4x3/al.svg);
}
.flag-icon-al.flag-icon-squared {
  background-image: url(../flags/1x1/al.svg);
}
.flag-icon-am {
  background-image: url(../flags/4x3/am.svg);
}
.flag-icon-am.flag-icon-squared {
  background-image: url(../flags/1x1/am.svg);
}
.flag-icon-ao {
  background-image: url(../flags/4x3/ao.svg);
}
.flag-icon-ao.flag-icon-squared {
  background-image: url(../flags/1x1/ao.svg);
}
.flag-icon-aq {
  background-image: url(../flags/4x3/aq.svg);
}
.flag-icon-aq.flag-icon-squared {
  background-image: url(../flags/1x1/aq.svg);
}
.flag-icon-ar {
  background-image: url(../flags/4x3/ar.svg);
}
.flag-icon-ar.flag-icon-squared {
  background-image: url(../flags/1x1/ar.svg);
}
.flag-icon-as {
  background-image: url(../flags/4x3/as.svg);
}
.flag-icon-as.flag-icon-squared {
  background-image: url(../flags/1x1/as.svg);
}
.flag-icon-at {
  background-image: url(../flags/4x3/at.svg);
}
.flag-icon-at.flag-icon-squared {
  background-image: url(../flags/1x1/at.svg);
}
.flag-icon-au {
  background-image: url(../flags/4x3/au.svg);
}
.flag-icon-au.flag-icon-squared {
  background-image: url(../flags/1x1/au.svg);
}
.flag-icon-aw {
  background-image: url(../flags/4x3/aw.svg);
}
.flag-icon-aw.flag-icon-squared {
  background-image: url(../flags/1x1/aw.svg);
}
.flag-icon-ax {
  background-image: url(../flags/4x3/ax.svg);
}
.flag-icon-ax.flag-icon-squared {
  background-image: url(../flags/1x1/ax.svg);
}
.flag-icon-az {
  background-image: url(../flags/4x3/az.svg);
}
.flag-icon-az.flag-icon-squared {
  background-image: url(../flags/1x1/az.svg);
}
.flag-icon-ba {
  background-image: url(../flags/4x3/ba.svg);
}
.flag-icon-ba.flag-icon-squared {
  background-image: url(../flags/1x1/ba.svg);
}
.flag-icon-bb {
  background-image: url(../flags/4x3/bb.svg);
}
.flag-icon-bb.flag-icon-squared {
  background-image: url(../flags/1x1/bb.svg);
}
.flag-icon-bd {
  background-image: url(../flags/4x3/bd.svg);
}
.flag-icon-bd.flag-icon-squared {
  background-image: url(../flags/1x1/bd.svg);
}
.flag-icon-be {
  background-image: url(../flags/4x3/be.svg);
}
.flag-icon-be.flag-icon-squared {
  background-image: url(../flags/1x1/be.svg);
}
.flag-icon-bf {
  background-image: url(../flags/4x3/bf.svg);
}
.flag-icon-bf.flag-icon-squared {
  background-image: url(../flags/1x1/bf.svg);
}
.flag-icon-bg {
  background-image: url(../flags/4x3/bg.svg);
}
.flag-icon-bg.flag-icon-squared {
  background-image: url(../flags/1x1/bg.svg);
}
.flag-icon-bh {
  background-image: url(../flags/4x3/bh.svg);
}
.flag-icon-bh.flag-icon-squared {
  background-image: url(../flags/1x1/bh.svg);
}
.flag-icon-bi {
  background-image: url(../flags/4x3/bi.svg);
}
.flag-icon-bi.flag-icon-squared {
  background-image: url(../flags/1x1/bi.svg);
}
.flag-icon-bj {
  background-image: url(../flags/4x3/bj.svg);
}
.flag-icon-bj.flag-icon-squared {
  background-image: url(../flags/1x1/bj.svg);
}
.flag-icon-bl {
  background-image: url(../flags/4x3/bl.svg);
}
.flag-icon-bl.flag-icon-squared {
  background-image: url(../flags/1x1/bl.svg);
}
.flag-icon-bm {
  background-image: url(../flags/4x3/bm.svg);
}
.flag-icon-bm.flag-icon-squared {
  background-image: url(../flags/1x1/bm.svg);
}
.flag-icon-bn {
  background-image: url(../flags/4x3/bn.svg);
}
.flag-icon-bn.flag-icon-squared {
  background-image: url(../flags/1x1/bn.svg);
}
.flag-icon-bo {
  background-image: url(../flags/4x3/bo.svg);
}
.flag-icon-bo.flag-icon-squared {
  background-image: url(../flags/1x1/bo.svg);
}
.flag-icon-bq {
  background-image: url(../flags/4x3/bq.svg);
}
.flag-icon-bq.flag-icon-squared {
  background-image: url(../flags/1x1/bq.svg);
}
.flag-icon-br {
  background-image: url(../flags/4x3/br.svg);
}
.flag-icon-br.flag-icon-squared {
  background-image: url(../flags/1x1/br.svg);
}
.flag-icon-bs {
  background-image: url(../flags/4x3/bs.svg);
}
.flag-icon-bs.flag-icon-squared {
  background-image: url(../flags/1x1/bs.svg);
}
.flag-icon-bt {
  background-image: url(../flags/4x3/bt.svg);
}
.flag-icon-bt.flag-icon-squared {
  background-image: url(../flags/1x1/bt.svg);
}
.flag-icon-bv {
  background-image: url(../flags/4x3/bv.svg);
}
.flag-icon-bv.flag-icon-squared {
  background-image: url(../flags/1x1/bv.svg);
}
.flag-icon-bw {
  background-image: url(../flags/4x3/bw.svg);
}
.flag-icon-bw.flag-icon-squared {
  background-image: url(../flags/1x1/bw.svg);
}
.flag-icon-by {
  background-image: url(../flags/4x3/by.svg);
}
.flag-icon-by.flag-icon-squared {
  background-image: url(../flags/1x1/by.svg);
}
.flag-icon-bz {
  background-image: url(../flags/4x3/bz.svg);
}
.flag-icon-bz.flag-icon-squared {
  background-image: url(../flags/1x1/bz.svg);
}
.flag-icon-ca {
  background-image: url(../flags/4x3/ca.svg);
}
.flag-icon-ca.flag-icon-squared {
  background-image: url(../flags/1x1/ca.svg);
}
.flag-icon-cc {
  background-image: url(../flags/4x3/cc.svg);
}
.flag-icon-cc.flag-icon-squared {
  background-image: url(../flags/1x1/cc.svg);
}
.flag-icon-cd {
  background-image: url(../flags/4x3/cd.svg);
}
.flag-icon-cd.flag-icon-squared {
  background-image: url(../flags/1x1/cd.svg);
}
.flag-icon-cf {
  background-image: url(../flags/4x3/cf.svg);
}
.flag-icon-cf.flag-icon-squared {
  background-image: url(../flags/1x1/cf.svg);
}
.flag-icon-cg {
  background-image: url(../flags/4x3/cg.svg);
}
.flag-icon-cg.flag-icon-squared {
  background-image: url(../flags/1x1/cg.svg);
}
.flag-icon-ch {
  background-image: url(../flags/4x3/ch.svg);
}
.flag-icon-ch.flag-icon-squared {
  background-image: url(../flags/1x1/ch.svg);
}
.flag-icon-ci {
  background-image: url(../flags/4x3/ci.svg);
}
.flag-icon-ci.flag-icon-squared {
  background-image: url(../flags/1x1/ci.svg);
}
.flag-icon-ck {
  background-image: url(../flags/4x3/ck.svg);
}
.flag-icon-ck.flag-icon-squared {
  background-image: url(../flags/1x1/ck.svg);
}
.flag-icon-cl {
  background-image: url(../flags/4x3/cl.svg);
}
.flag-icon-cl.flag-icon-squared {
  background-image: url(../flags/1x1/cl.svg);
}
.flag-icon-cm {
  background-image: url(../flags/4x3/cm.svg);
}
.flag-icon-cm.flag-icon-squared {
  background-image: url(../flags/1x1/cm.svg);
}
.flag-icon-cn {
  background-image: url(../flags/4x3/cn.svg);
}
.flag-icon-cn.flag-icon-squared {
  background-image: url(../flags/1x1/cn.svg);
}
.flag-icon-co {
  background-image: url(../flags/4x3/co.svg);
}
.flag-icon-co.flag-icon-squared {
  background-image: url(../flags/1x1/co.svg);
}
.flag-icon-cr {
  background-image: url(../flags/4x3/cr.svg);
}
.flag-icon-cr.flag-icon-squared {
  background-image: url(../flags/1x1/cr.svg);
}
.flag-icon-cu {
  background-image: url(../flags/4x3/cu.svg);
}
.flag-icon-cu.flag-icon-squared {
  background-image: url(../flags/1x1/cu.svg);
}
.flag-icon-cv {
  background-image: url(../flags/4x3/cv.svg);
}
.flag-icon-cv.flag-icon-squared {
  background-image: url(../flags/1x1/cv.svg);
}
.flag-icon-cw {
  background-image: url(../flags/4x3/cw.svg);
}
.flag-icon-cw.flag-icon-squared {
  background-image: url(../flags/1x1/cw.svg);
}
.flag-icon-cx {
  background-image: url(../flags/4x3/cx.svg);
}
.flag-icon-cx.flag-icon-squared {
  background-image: url(../flags/1x1/cx.svg);
}
.flag-icon-cy {
  background-image: url(../flags/4x3/cy.svg);
}
.flag-icon-cy.flag-icon-squared {
  background-image: url(../flags/1x1/cy.svg);
}
.flag-icon-cz {
  background-image: url(../flags/4x3/cz.svg);
}
.flag-icon-cz.flag-icon-squared {
  background-image: url(../flags/1x1/cz.svg);
}
.flag-icon-de {
  background-image: url(../flags/4x3/de.svg);
}
.flag-icon-de.flag-icon-squared {
  background-image: url(../flags/1x1/de.svg);
}
.flag-icon-dj {
  background-image: url(../flags/4x3/dj.svg);
}
.flag-icon-dj.flag-icon-squared {
  background-image: url(../flags/1x1/dj.svg);
}
.flag-icon-dk {
  background-image: url(../flags/4x3/dk.svg);
}
.flag-icon-dk.flag-icon-squared {
  background-image: url(../flags/1x1/dk.svg);
}
.flag-icon-dm {
  background-image: url(../flags/4x3/dm.svg);
}
.flag-icon-dm.flag-icon-squared {
  background-image: url(../flags/1x1/dm.svg);
}
.flag-icon-do {
  background-image: url(../flags/4x3/do.svg);
}
.flag-icon-do.flag-icon-squared {
  background-image: url(../flags/1x1/do.svg);
}
.flag-icon-dz {
  background-image: url(../flags/4x3/dz.svg);
}
.flag-icon-dz.flag-icon-squared {
  background-image: url(../flags/1x1/dz.svg);
}
.flag-icon-ec {
  background-image: url(../flags/4x3/ec.svg);
}
.flag-icon-ec.flag-icon-squared {
  background-image: url(../flags/1x1/ec.svg);
}
.flag-icon-ee {
  background-image: url(../flags/4x3/ee.svg);
}
.flag-icon-ee.flag-icon-squared {
  background-image: url(../flags/1x1/ee.svg);
}
.flag-icon-eg {
  background-image: url(../flags/4x3/eg.svg);
}
.flag-icon-eg.flag-icon-squared {
  background-image: url(../flags/1x1/eg.svg);
}
.flag-icon-eh {
  background-image: url(../flags/4x3/eh.svg);
}
.flag-icon-eh.flag-icon-squared {
  background-image: url(../flags/1x1/eh.svg);
}
.flag-icon-er {
  background-image: url(../flags/4x3/er.svg);
}
.flag-icon-er.flag-icon-squared {
  background-image: url(../flags/1x1/er.svg);
}
.flag-icon-es {
  background-image: url(../flags/4x3/es.svg);
}
.flag-icon-es.flag-icon-squared {
  background-image: url(../flags/1x1/es.svg);
}
.flag-icon-et {
  background-image: url(../flags/4x3/et.svg);
}
.flag-icon-et.flag-icon-squared {
  background-image: url(../flags/1x1/et.svg);
}
.flag-icon-fi {
  background-image: url(../flags/4x3/fi.svg);
}
.flag-icon-fi.flag-icon-squared {
  background-image: url(../flags/1x1/fi.svg);
}
.flag-icon-fj {
  background-image: url(../flags/4x3/fj.svg);
}
.flag-icon-fj.flag-icon-squared {
  background-image: url(../flags/1x1/fj.svg);
}
.flag-icon-fk {
  background-image: url(../flags/4x3/fk.svg);
}
.flag-icon-fk.flag-icon-squared {
  background-image: url(../flags/1x1/fk.svg);
}
.flag-icon-fm {
  background-image: url(../flags/4x3/fm.svg);
}
.flag-icon-fm.flag-icon-squared {
  background-image: url(../flags/1x1/fm.svg);
}
.flag-icon-fo {
  background-image: url(../flags/4x3/fo.svg);
}
.flag-icon-fo.flag-icon-squared {
  background-image: url(../flags/1x1/fo.svg);
}
.flag-icon-fr {
  background-image: url(../flags/4x3/fr.svg);
}
.flag-icon-fr.flag-icon-squared {
  background-image: url(../flags/1x1/fr.svg);
}
.flag-icon-ga {
  background-image: url(../flags/4x3/ga.svg);
}
.flag-icon-ga.flag-icon-squared {
  background-image: url(../flags/1x1/ga.svg);
}
.flag-icon-gb {
  background-image: url(../flags/4x3/gb.svg);
}
.flag-icon-gb.flag-icon-squared {
  background-image: url(../flags/1x1/gb.svg);
}
.flag-icon-gd {
  background-image: url(../flags/4x3/gd.svg);
}
.flag-icon-gd.flag-icon-squared {
  background-image: url(../flags/1x1/gd.svg);
}
.flag-icon-ge {
  background-image: url(../flags/4x3/ge.svg);
}
.flag-icon-ge.flag-icon-squared {
  background-image: url(../flags/1x1/ge.svg);
}
.flag-icon-gf {
  background-image: url(../flags/4x3/gf.svg);
}
.flag-icon-gf.flag-icon-squared {
  background-image: url(../flags/1x1/gf.svg);
}
.flag-icon-gg {
  background-image: url(../flags/4x3/gg.svg);
}
.flag-icon-gg.flag-icon-squared {
  background-image: url(../flags/1x1/gg.svg);
}
.flag-icon-gh {
  background-image: url(../flags/4x3/gh.svg);
}
.flag-icon-gh.flag-icon-squared {
  background-image: url(../flags/1x1/gh.svg);
}
.flag-icon-gi {
  background-image: url(../flags/4x3/gi.svg);
}
.flag-icon-gi.flag-icon-squared {
  background-image: url(../flags/1x1/gi.svg);
}
.flag-icon-gl {
  background-image: url(../flags/4x3/gl.svg);
}
.flag-icon-gl.flag-icon-squared {
  background-image: url(../flags/1x1/gl.svg);
}
.flag-icon-gm {
  background-image: url(../flags/4x3/gm.svg);
}
.flag-icon-gm.flag-icon-squared {
  background-image: url(../flags/1x1/gm.svg);
}
.flag-icon-gn {
  background-image: url(../flags/4x3/gn.svg);
}
.flag-icon-gn.flag-icon-squared {
  background-image: url(../flags/1x1/gn.svg);
}
.flag-icon-gp {
  background-image: url(../flags/4x3/gp.svg);
}
.flag-icon-gp.flag-icon-squared {
  background-image: url(../flags/1x1/gp.svg);
}
.flag-icon-gq {
  background-image: url(../flags/4x3/gq.svg);
}
.flag-icon-gq.flag-icon-squared {
  background-image: url(../flags/1x1/gq.svg);
}
.flag-icon-gr {
  background-image: url(../flags/4x3/gr.svg);
}
.flag-icon-gr.flag-icon-squared {
  background-image: url(../flags/1x1/gr.svg);
}
.flag-icon-gs {
  background-image: url(../flags/4x3/gs.svg);
}
.flag-icon-gs.flag-icon-squared {
  background-image: url(../flags/1x1/gs.svg);
}
.flag-icon-gt {
  background-image: url(../flags/4x3/gt.svg);
}
.flag-icon-gt.flag-icon-squared {
  background-image: url(../flags/1x1/gt.svg);
}
.flag-icon-gu {
  background-image: url(../flags/4x3/gu.svg);
}
.flag-icon-gu.flag-icon-squared {
  background-image: url(../flags/1x1/gu.svg);
}
.flag-icon-gw {
  background-image: url(../flags/4x3/gw.svg);
}
.flag-icon-gw.flag-icon-squared {
  background-image: url(../flags/1x1/gw.svg);
}
.flag-icon-gy {
  background-image: url(../flags/4x3/gy.svg);
}
.flag-icon-gy.flag-icon-squared {
  background-image: url(../flags/1x1/gy.svg);
}
.flag-icon-hk {
  background-image: url(../flags/4x3/hk.svg);
}
.flag-icon-hk.flag-icon-squared {
  background-image: url(../flags/1x1/hk.svg);
}
.flag-icon-hm {
  background-image: url(../flags/4x3/hm.svg);
}
.flag-icon-hm.flag-icon-squared {
  background-image: url(../flags/1x1/hm.svg);
}
.flag-icon-hn {
  background-image: url(../flags/4x3/hn.svg);
}
.flag-icon-hn.flag-icon-squared {
  background-image: url(../flags/1x1/hn.svg);
}
.flag-icon-hr {
  background-image: url(../flags/4x3/hr.svg);
}
.flag-icon-hr.flag-icon-squared {
  background-image: url(../flags/1x1/hr.svg);
}
.flag-icon-ht {
  background-image: url(../flags/4x3/ht.svg);
}
.flag-icon-ht.flag-icon-squared {
  background-image: url(../flags/1x1/ht.svg);
}
.flag-icon-hu {
  background-image: url(../flags/4x3/hu.svg);
}
.flag-icon-hu.flag-icon-squared {
  background-image: url(../flags/1x1/hu.svg);
}
.flag-icon-id {
  background-image: url(../flags/4x3/id.svg);
}
.flag-icon-id.flag-icon-squared {
  background-image: url(../flags/1x1/id.svg);
}
.flag-icon-ie {
  background-image: url(../flags/4x3/ie.svg);
}
.flag-icon-ie.flag-icon-squared {
  background-image: url(../flags/1x1/ie.svg);
}
.flag-icon-il {
  background-image: url(../flags/4x3/il.svg);
}
.flag-icon-il.flag-icon-squared {
  background-image: url(../flags/1x1/il.svg);
}
.flag-icon-im {
  background-image: url(../flags/4x3/im.svg);
}
.flag-icon-im.flag-icon-squared {
  background-image: url(../flags/1x1/im.svg);
}
.flag-icon-in {
  background-image: url(../flags/4x3/in.svg);
}
.flag-icon-in.flag-icon-squared {
  background-image: url(../flags/1x1/in.svg);
}
.flag-icon-io {
  background-image: url(../flags/4x3/io.svg);
}
.flag-icon-io.flag-icon-squared {
  background-image: url(../flags/1x1/io.svg);
}
.flag-icon-iq {
  background-image: url(../flags/4x3/iq.svg);
}
.flag-icon-iq.flag-icon-squared {
  background-image: url(../flags/1x1/iq.svg);
}
.flag-icon-ir {
  background-image: url(../flags/4x3/ir.svg);
}
.flag-icon-ir.flag-icon-squared {
  background-image: url(../flags/1x1/ir.svg);
}
.flag-icon-is {
  background-image: url(../flags/4x3/is.svg);
}
.flag-icon-is.flag-icon-squared {
  background-image: url(../flags/1x1/is.svg);
}
.flag-icon-it {
  background-image: url(../flags/4x3/it.svg);
}
.flag-icon-it.flag-icon-squared {
  background-image: url(../flags/1x1/it.svg);
}
.flag-icon-je {
  background-image: url(../flags/4x3/je.svg);
}
.flag-icon-je.flag-icon-squared {
  background-image: url(../flags/1x1/je.svg);
}
.flag-icon-jm {
  background-image: url(../flags/4x3/jm.svg);
}
.flag-icon-jm.flag-icon-squared {
  background-image: url(../flags/1x1/jm.svg);
}
.flag-icon-jo {
  background-image: url(../flags/4x3/jo.svg);
}
.flag-icon-jo.flag-icon-squared {
  background-image: url(../flags/1x1/jo.svg);
}
.flag-icon-jp {
  background-image: url(../flags/4x3/jp.svg);
}
.flag-icon-jp.flag-icon-squared {
  background-image: url(../flags/1x1/jp.svg);
}
.flag-icon-ke {
  background-image: url(../flags/4x3/ke.svg);
}
.flag-icon-ke.flag-icon-squared {
  background-image: url(../flags/1x1/ke.svg);
}
.flag-icon-kg {
  background-image: url(../flags/4x3/kg.svg);
}
.flag-icon-kg.flag-icon-squared {
  background-image: url(../flags/1x1/kg.svg);
}
.flag-icon-kh {
  background-image: url(../flags/4x3/kh.svg);
}
.flag-icon-kh.flag-icon-squared {
  background-image: url(../flags/1x1/kh.svg);
}
.flag-icon-ki {
  background-image: url(../flags/4x3/ki.svg);
}
.flag-icon-ki.flag-icon-squared {
  background-image: url(../flags/1x1/ki.svg);
}
.flag-icon-km {
  background-image: url(../flags/4x3/km.svg);
}
.flag-icon-km.flag-icon-squared {
  background-image: url(../flags/1x1/km.svg);
}
.flag-icon-kn {
  background-image: url(../flags/4x3/kn.svg);
}
.flag-icon-kn.flag-icon-squared {
  background-image: url(../flags/1x1/kn.svg);
}
.flag-icon-kp {
  background-image: url(../flags/4x3/kp.svg);
}
.flag-icon-kp.flag-icon-squared {
  background-image: url(../flags/1x1/kp.svg);
}
.flag-icon-kr {
  background-image: url(../flags/4x3/kr.svg);
}
.flag-icon-kr.flag-icon-squared {
  background-image: url(../flags/1x1/kr.svg);
}
.flag-icon-kw {
  background-image: url(../flags/4x3/kw.svg);
}
.flag-icon-kw.flag-icon-squared {
  background-image: url(../flags/1x1/kw.svg);
}
.flag-icon-ky {
  background-image: url(../flags/4x3/ky.svg);
}
.flag-icon-ky.flag-icon-squared {
  background-image: url(../flags/1x1/ky.svg);
}
.flag-icon-kz {
  background-image: url(../flags/4x3/kz.svg);
}
.flag-icon-kz.flag-icon-squared {
  background-image: url(../flags/1x1/kz.svg);
}
.flag-icon-la {
  background-image: url(../flags/4x3/la.svg);
}
.flag-icon-la.flag-icon-squared {
  background-image: url(../flags/1x1/la.svg);
}
.flag-icon-lb {
  background-image: url(../flags/4x3/lb.svg);
}
.flag-icon-lb.flag-icon-squared {
  background-image: url(../flags/1x1/lb.svg);
}
.flag-icon-lc {
  background-image: url(../flags/4x3/lc.svg);
}
.flag-icon-lc.flag-icon-squared {
  background-image: url(../flags/1x1/lc.svg);
}
.flag-icon-li {
  background-image: url(../flags/4x3/li.svg);
}
.flag-icon-li.flag-icon-squared {
  background-image: url(../flags/1x1/li.svg);
}
.flag-icon-lk {
  background-image: url(../flags/4x3/lk.svg);
}
.flag-icon-lk.flag-icon-squared {
  background-image: url(../flags/1x1/lk.svg);
}
.flag-icon-lr {
  background-image: url(../flags/4x3/lr.svg);
}
.flag-icon-lr.flag-icon-squared {
  background-image: url(../flags/1x1/lr.svg);
}
.flag-icon-ls {
  background-image: url(../flags/4x3/ls.svg);
}
.flag-icon-ls.flag-icon-squared {
  background-image: url(../flags/1x1/ls.svg);
}
.flag-icon-lt {
  background-image: url(../flags/4x3/lt.svg);
}
.flag-icon-lt.flag-icon-squared {
  background-image: url(../flags/1x1/lt.svg);
}
.flag-icon-lu {
  background-image: url(../flags/4x3/lu.svg);
}
.flag-icon-lu.flag-icon-squared {
  background-image: url(../flags/1x1/lu.svg);
}
.flag-icon-lv {
  background-image: url(../flags/4x3/lv.svg);
}
.flag-icon-lv.flag-icon-squared {
  background-image: url(../flags/1x1/lv.svg);
}
.flag-icon-ly {
  background-image: url(../flags/4x3/ly.svg);
}
.flag-icon-ly.flag-icon-squared {
  background-image: url(../flags/1x1/ly.svg);
}
.flag-icon-ma {
  background-image: url(../flags/4x3/ma.svg);
}
.flag-icon-ma.flag-icon-squared {
  background-image: url(../flags/1x1/ma.svg);
}
.flag-icon-mc {
  background-image: url(../flags/4x3/mc.svg);
}
.flag-icon-mc.flag-icon-squared {
  background-image: url(../flags/1x1/mc.svg);
}
.flag-icon-md {
  background-image: url(../flags/4x3/md.svg);
}
.flag-icon-md.flag-icon-squared {
  background-image: url(../flags/1x1/md.svg);
}
.flag-icon-me {
  background-image: url(../flags/4x3/me.svg);
}
.flag-icon-me.flag-icon-squared {
  background-image: url(../flags/1x1/me.svg);
}
.flag-icon-mf {
  background-image: url(../flags/4x3/mf.svg);
}
.flag-icon-mf.flag-icon-squared {
  background-image: url(../flags/1x1/mf.svg);
}
.flag-icon-mg {
  background-image: url(../flags/4x3/mg.svg);
}
.flag-icon-mg.flag-icon-squared {
  background-image: url(../flags/1x1/mg.svg);
}
.flag-icon-mh {
  background-image: url(../flags/4x3/mh.svg);
}
.flag-icon-mh.flag-icon-squared {
  background-image: url(../flags/1x1/mh.svg);
}
.flag-icon-mk {
  background-image: url(../flags/4x3/mk.svg);
}
.flag-icon-mk.flag-icon-squared {
  background-image: url(../flags/1x1/mk.svg);
}
.flag-icon-ml {
  background-image: url(../flags/4x3/ml.svg);
}
.flag-icon-ml.flag-icon-squared {
  background-image: url(../flags/1x1/ml.svg);
}
.flag-icon-mm {
  background-image: url(../flags/4x3/mm.svg);
}
.flag-icon-mm.flag-icon-squared {
  background-image: url(../flags/1x1/mm.svg);
}
.flag-icon-mn {
  background-image: url(../flags/4x3/mn.svg);
}
.flag-icon-mn.flag-icon-squared {
  background-image: url(../flags/1x1/mn.svg);
}
.flag-icon-mo {
  background-image: url(../flags/4x3/mo.svg);
}
.flag-icon-mo.flag-icon-squared {
  background-image: url(../flags/1x1/mo.svg);
}
.flag-icon-mp {
  background-image: url(../flags/4x3/mp.svg);
}
.flag-icon-mp.flag-icon-squared {
  background-image: url(../flags/1x1/mp.svg);
}
.flag-icon-mq {
  background-image: url(../flags/4x3/mq.svg);
}
.flag-icon-mq.flag-icon-squared {
  background-image: url(../flags/1x1/mq.svg);
}
.flag-icon-mr {
  background-image: url(../flags/4x3/mr.svg);
}
.flag-icon-mr.flag-icon-squared {
  background-image: url(../flags/1x1/mr.svg);
}
.flag-icon-ms {
  background-image: url(../flags/4x3/ms.svg);
}
.flag-icon-ms.flag-icon-squared {
  background-image: url(../flags/1x1/ms.svg);
}
.flag-icon-mt {
  background-image: url(../flags/4x3/mt.svg);
}
.flag-icon-mt.flag-icon-squared {
  background-image: url(../flags/1x1/mt.svg);
}
.flag-icon-mu {
  background-image: url(../flags/4x3/mu.svg);
}
.flag-icon-mu.flag-icon-squared {
  background-image: url(../flags/1x1/mu.svg);
}
.flag-icon-mv {
  background-image: url(../flags/4x3/mv.svg);
}
.flag-icon-mv.flag-icon-squared {
  background-image: url(../flags/1x1/mv.svg);
}
.flag-icon-mw {
  background-image: url(../flags/4x3/mw.svg);
}
.flag-icon-mw.flag-icon-squared {
  background-image: url(../flags/1x1/mw.svg);
}
.flag-icon-mx {
  background-image: url(../flags/4x3/mx.svg);
}
.flag-icon-mx.flag-icon-squared {
  background-image: url(../flags/1x1/mx.svg);
}
.flag-icon-my {
  background-image: url(../flags/4x3/my.svg);
}
.flag-icon-my.flag-icon-squared {
  background-image: url(../flags/1x1/my.svg);
}
.flag-icon-mz {
  background-image: url(../flags/4x3/mz.svg);
}
.flag-icon-mz.flag-icon-squared {
  background-image: url(../flags/1x1/mz.svg);
}
.flag-icon-na {
  background-image: url(../flags/4x3/na.svg);
}
.flag-icon-na.flag-icon-squared {
  background-image: url(../flags/1x1/na.svg);
}
.flag-icon-nc {
  background-image: url(../flags/4x3/nc.svg);
}
.flag-icon-nc.flag-icon-squared {
  background-image: url(../flags/1x1/nc.svg);
}
.flag-icon-ne {
  background-image: url(../flags/4x3/ne.svg);
}
.flag-icon-ne.flag-icon-squared {
  background-image: url(../flags/1x1/ne.svg);
}
.flag-icon-nf {
  background-image: url(../flags/4x3/nf.svg);
}
.flag-icon-nf.flag-icon-squared {
  background-image: url(../flags/1x1/nf.svg);
}
.flag-icon-ng {
  background-image: url(../flags/4x3/ng.svg);
}
.flag-icon-ng.flag-icon-squared {
  background-image: url(../flags/1x1/ng.svg);
}
.flag-icon-ni {
  background-image: url(../flags/4x3/ni.svg);
}
.flag-icon-ni.flag-icon-squared {
  background-image: url(../flags/1x1/ni.svg);
}
.flag-icon-nl {
  background-image: url(../flags/4x3/nl.svg);
}
.flag-icon-nl.flag-icon-squared {
  background-image: url(../flags/1x1/nl.svg);
}
.flag-icon-no {
  background-image: url(../flags/4x3/no.svg);
}
.flag-icon-no.flag-icon-squared {
  background-image: url(../flags/1x1/no.svg);
}
.flag-icon-np {
  background-image: url(../flags/4x3/np.svg);
}
.flag-icon-np.flag-icon-squared {
  background-image: url(../flags/1x1/np.svg);
}
.flag-icon-nr {
  background-image: url(../flags/4x3/nr.svg);
}
.flag-icon-nr.flag-icon-squared {
  background-image: url(../flags/1x1/nr.svg);
}
.flag-icon-nu {
  background-image: url(../flags/4x3/nu.svg);
}
.flag-icon-nu.flag-icon-squared {
  background-image: url(../flags/1x1/nu.svg);
}
.flag-icon-nz {
  background-image: url(../flags/4x3/nz.svg);
}
.flag-icon-nz.flag-icon-squared {
  background-image: url(../flags/1x1/nz.svg);
}
.flag-icon-om {
  background-image: url(../flags/4x3/om.svg);
}
.flag-icon-om.flag-icon-squared {
  background-image: url(../flags/1x1/om.svg);
}
.flag-icon-pa {
  background-image: url(../flags/4x3/pa.svg);
}
.flag-icon-pa.flag-icon-squared {
  background-image: url(../flags/1x1/pa.svg);
}
.flag-icon-pe {
  background-image: url(../flags/4x3/pe.svg);
}
.flag-icon-pe.flag-icon-squared {
  background-image: url(../flags/1x1/pe.svg);
}
.flag-icon-pf {
  background-image: url(../flags/4x3/pf.svg);
}
.flag-icon-pf.flag-icon-squared {
  background-image: url(../flags/1x1/pf.svg);
}
.flag-icon-pg {
  background-image: url(../flags/4x3/pg.svg);
}
.flag-icon-pg.flag-icon-squared {
  background-image: url(../flags/1x1/pg.svg);
}
.flag-icon-ph {
  background-image: url(../flags/4x3/ph.svg);
}
.flag-icon-ph.flag-icon-squared {
  background-image: url(../flags/1x1/ph.svg);
}
.flag-icon-pk {
  background-image: url(../flags/4x3/pk.svg);
}
.flag-icon-pk.flag-icon-squared {
  background-image: url(../flags/1x1/pk.svg);
}
.flag-icon-pl {
  background-image: url(../flags/4x3/pl.svg);
}
.flag-icon-pl.flag-icon-squared {
  background-image: url(../flags/1x1/pl.svg);
}
.flag-icon-pm {
  background-image: url(../flags/4x3/pm.svg);
}
.flag-icon-pm.flag-icon-squared {
  background-image: url(../flags/1x1/pm.svg);
}
.flag-icon-pn {
  background-image: url(../flags/4x3/pn.svg);
}
.flag-icon-pn.flag-icon-squared {
  background-image: url(../flags/1x1/pn.svg);
}
.flag-icon-pr {
  background-image: url(../flags/4x3/pr.svg);
}
.flag-icon-pr.flag-icon-squared {
  background-image: url(../flags/1x1/pr.svg);
}
.flag-icon-ps {
  background-image: url(../flags/4x3/ps.svg);
}
.flag-icon-ps.flag-icon-squared {
  background-image: url(../flags/1x1/ps.svg);
}
.flag-icon-pt {
  background-image: url(../flags/4x3/pt.svg);
}
.flag-icon-pt.flag-icon-squared {
  background-image: url(../flags/1x1/pt.svg);
}
.flag-icon-pw {
  background-image: url(../flags/4x3/pw.svg);
}
.flag-icon-pw.flag-icon-squared {
  background-image: url(../flags/1x1/pw.svg);
}
.flag-icon-py {
  background-image: url(../flags/4x3/py.svg);
}
.flag-icon-py.flag-icon-squared {
  background-image: url(../flags/1x1/py.svg);
}
.flag-icon-qa {
  background-image: url(../flags/4x3/qa.svg);
}
.flag-icon-qa.flag-icon-squared {
  background-image: url(../flags/1x1/qa.svg);
}
.flag-icon-re {
  background-image: url(../flags/4x3/re.svg);
}
.flag-icon-re.flag-icon-squared {
  background-image: url(../flags/1x1/re.svg);
}
.flag-icon-ro {
  background-image: url(../flags/4x3/ro.svg);
}
.flag-icon-ro.flag-icon-squared {
  background-image: url(../flags/1x1/ro.svg);
}
.flag-icon-rs {
  background-image: url(../flags/4x3/rs.svg);
}
.flag-icon-rs.flag-icon-squared {
  background-image: url(../flags/1x1/rs.svg);
}
.flag-icon-ru {
  background-image: url(../flags/4x3/ru.svg);
}
.flag-icon-ru.flag-icon-squared {
  background-image: url(../flags/1x1/ru.svg);
}
.flag-icon-rw {
  background-image: url(../flags/4x3/rw.svg);
}
.flag-icon-rw.flag-icon-squared {
  background-image: url(../flags/1x1/rw.svg);
}
.flag-icon-sa {
  background-image: url(../flags/4x3/sa.svg);
}
.flag-icon-sa.flag-icon-squared {
  background-image: url(../flags/1x1/sa.svg);
}
.flag-icon-sb {
  background-image: url(../flags/4x3/sb.svg);
}
.flag-icon-sb.flag-icon-squared {
  background-image: url(../flags/1x1/sb.svg);
}
.flag-icon-sc {
  background-image: url(../flags/4x3/sc.svg);
}
.flag-icon-sc.flag-icon-squared {
  background-image: url(../flags/1x1/sc.svg);
}
.flag-icon-sd {
  background-image: url(../flags/4x3/sd.svg);
}
.flag-icon-sd.flag-icon-squared {
  background-image: url(../flags/1x1/sd.svg);
}
.flag-icon-se {
  background-image: url(../flags/4x3/se.svg);
}
.flag-icon-se.flag-icon-squared {
  background-image: url(../flags/1x1/se.svg);
}
.flag-icon-sg {
  background-image: url(../flags/4x3/sg.svg);
}
.flag-icon-sg.flag-icon-squared {
  background-image: url(../flags/1x1/sg.svg);
}
.flag-icon-sh {
  background-image: url(../flags/4x3/sh.svg);
}
.flag-icon-sh.flag-icon-squared {
  background-image: url(../flags/1x1/sh.svg);
}
.flag-icon-si {
  background-image: url(../flags/4x3/si.svg);
}
.flag-icon-si.flag-icon-squared {
  background-image: url(../flags/1x1/si.svg);
}
.flag-icon-sj {
  background-image: url(../flags/4x3/sj.svg);
}
.flag-icon-sj.flag-icon-squared {
  background-image: url(../flags/1x1/sj.svg);
}
.flag-icon-sk {
  background-image: url(../flags/4x3/sk.svg);
}
.flag-icon-sk.flag-icon-squared {
  background-image: url(../flags/1x1/sk.svg);
}
.flag-icon-sl {
  background-image: url(../flags/4x3/sl.svg);
}
.flag-icon-sl.flag-icon-squared {
  background-image: url(../flags/1x1/sl.svg);
}
.flag-icon-sm {
  background-image: url(../flags/4x3/sm.svg);
}
.flag-icon-sm.flag-icon-squared {
  background-image: url(../flags/1x1/sm.svg);
}
.flag-icon-sn {
  background-image: url(../flags/4x3/sn.svg);
}
.flag-icon-sn.flag-icon-squared {
  background-image: url(../flags/1x1/sn.svg);
}
.flag-icon-so {
  background-image: url(../flags/4x3/so.svg);
}
.flag-icon-so.flag-icon-squared {
  background-image: url(../flags/1x1/so.svg);
}
.flag-icon-sr {
  background-image: url(../flags/4x3/sr.svg);
}
.flag-icon-sr.flag-icon-squared {
  background-image: url(../flags/1x1/sr.svg);
}
.flag-icon-ss {
  background-image: url(../flags/4x3/ss.svg);
}
.flag-icon-ss.flag-icon-squared {
  background-image: url(../flags/1x1/ss.svg);
}
.flag-icon-st {
  background-image: url(../flags/4x3/st.svg);
}
.flag-icon-st.flag-icon-squared {
  background-image: url(../flags/1x1/st.svg);
}
.flag-icon-sv {
  background-image: url(../flags/4x3/sv.svg);
}
.flag-icon-sv.flag-icon-squared {
  background-image: url(../flags/1x1/sv.svg);
}
.flag-icon-sx {
  background-image: url(../flags/4x3/sx.svg);
}
.flag-icon-sx.flag-icon-squared {
  background-image: url(../flags/1x1/sx.svg);
}
.flag-icon-sy {
  background-image: url(../flags/4x3/sy.svg);
}
.flag-icon-sy.flag-icon-squared {
  background-image: url(../flags/1x1/sy.svg);
}
.flag-icon-sz {
  background-image: url(../flags/4x3/sz.svg);
}
.flag-icon-sz.flag-icon-squared {
  background-image: url(../flags/1x1/sz.svg);
}
.flag-icon-tc {
  background-image: url(../flags/4x3/tc.svg);
}
.flag-icon-tc.flag-icon-squared {
  background-image: url(../flags/1x1/tc.svg);
}
.flag-icon-td {
  background-image: url(../flags/4x3/td.svg);
}
.flag-icon-td.flag-icon-squared {
  background-image: url(../flags/1x1/td.svg);
}
.flag-icon-tf {
  background-image: url(../flags/4x3/tf.svg);
}
.flag-icon-tf.flag-icon-squared {
  background-image: url(../flags/1x1/tf.svg);
}
.flag-icon-tg {
  background-image: url(../flags/4x3/tg.svg);
}
.flag-icon-tg.flag-icon-squared {
  background-image: url(../flags/1x1/tg.svg);
}
.flag-icon-th {
  background-image: url(../flags/4x3/th.svg);
}
.flag-icon-th.flag-icon-squared {
  background-image: url(../flags/1x1/th.svg);
}
.flag-icon-tj {
  background-image: url(../flags/4x3/tj.svg);
}
.flag-icon-tj.flag-icon-squared {
  background-image: url(../flags/1x1/tj.svg);
}
.flag-icon-tk {
  background-image: url(../flags/4x3/tk.svg);
}
.flag-icon-tk.flag-icon-squared {
  background-image: url(../flags/1x1/tk.svg);
}
.flag-icon-tl {
  background-image: url(../flags/4x3/tl.svg);
}
.flag-icon-tl.flag-icon-squared {
  background-image: url(../flags/1x1/tl.svg);
}
.flag-icon-tm {
  background-image: url(../flags/4x3/tm.svg);
}
.flag-icon-tm.flag-icon-squared {
  background-image: url(../flags/1x1/tm.svg);
}
.flag-icon-tn {
  background-image: url(../flags/4x3/tn.svg);
}
.flag-icon-tn.flag-icon-squared {
  background-image: url(../flags/1x1/tn.svg);
}
.flag-icon-to {
  background-image: url(../flags/4x3/to.svg);
}
.flag-icon-to.flag-icon-squared {
  background-image: url(../flags/1x1/to.svg);
}
.flag-icon-tr {
  background-image: url(../flags/4x3/tr.svg);
}
.flag-icon-tr.flag-icon-squared {
  background-image: url(../flags/1x1/tr.svg);
}
.flag-icon-tt {
  background-image: url(../flags/4x3/tt.svg);
}
.flag-icon-tt.flag-icon-squared {
  background-image: url(../flags/1x1/tt.svg);
}
.flag-icon-tv {
  background-image: url(../flags/4x3/tv.svg);
}
.flag-icon-tv.flag-icon-squared {
  background-image: url(../flags/1x1/tv.svg);
}
.flag-icon-tw {
  background-image: url(../flags/4x3/tw.svg);
}
.flag-icon-tw.flag-icon-squared {
  background-image: url(../flags/1x1/tw.svg);
}
.flag-icon-tz {
  background-image: url(../flags/4x3/tz.svg);
}
.flag-icon-tz.flag-icon-squared {
  background-image: url(../flags/1x1/tz.svg);
}
.flag-icon-ua {
  background-image: url(../flags/4x3/ua.svg);
}
.flag-icon-ua.flag-icon-squared {
  background-image: url(../flags/1x1/ua.svg);
}
.flag-icon-ug {
  background-image: url(../flags/4x3/ug.svg);
}
.flag-icon-ug.flag-icon-squared {
  background-image: url(../flags/1x1/ug.svg);
}
.flag-icon-um {
  background-image: url(../flags/4x3/um.svg);
}
.flag-icon-um.flag-icon-squared {
  background-image: url(../flags/1x1/um.svg);
}
.flag-icon-us {
  background-image: url(../flags/4x3/us.svg);
}
.flag-icon-us.flag-icon-squared {
  background-image: url(../flags/1x1/us.svg);
}
.flag-icon-uy {
  background-image: url(../flags/4x3/uy.svg);
}
.flag-icon-uy.flag-icon-squared {
  background-image: url(../flags/1x1/uy.svg);
}
.flag-icon-uz {
  background-image: url(../flags/4x3/uz.svg);
}
.flag-icon-uz.flag-icon-squared {
  background-image: url(../flags/1x1/uz.svg);
}
.flag-icon-va {
  background-image: url(../flags/4x3/va.svg);
}
.flag-icon-va.flag-icon-squared {
  background-image: url(../flags/1x1/va.svg);
}
.flag-icon-vc {
  background-image: url(../flags/4x3/vc.svg);
}
.flag-icon-vc.flag-icon-squared {
  background-image: url(../flags/1x1/vc.svg);
}
.flag-icon-ve {
  background-image: url(../flags/4x3/ve.svg);
}
.flag-icon-ve.flag-icon-squared {
  background-image: url(../flags/1x1/ve.svg);
}
.flag-icon-vg {
  background-image: url(../flags/4x3/vg.svg);
}
.flag-icon-vg.flag-icon-squared {
  background-image: url(../flags/1x1/vg.svg);
}
.flag-icon-vi {
  background-image: url(../flags/4x3/vi.svg);
}
.flag-icon-vi.flag-icon-squared {
  background-image: url(../flags/1x1/vi.svg);
}
.flag-icon-vn {
  background-image: url(../flags/4x3/vn.svg);
}
.flag-icon-vn.flag-icon-squared {
  background-image: url(../flags/1x1/vn.svg);
}
.flag-icon-vu {
  background-image: url(../flags/4x3/vu.svg);
}
.flag-icon-vu.flag-icon-squared {
  background-image: url(../flags/1x1/vu.svg);
}
.flag-icon-wf {
  background-image: url(../flags/4x3/wf.svg);
}
.flag-icon-wf.flag-icon-squared {
  background-image: url(../flags/1x1/wf.svg);
}
.flag-icon-ws {
  background-image: url(../flags/4x3/ws.svg);
}
.flag-icon-ws.flag-icon-squared {
  background-image: url(../flags/1x1/ws.svg);
}
.flag-icon-ye {
  background-image: url(../flags/4x3/ye.svg);
}
.flag-icon-ye.flag-icon-squared {
  background-image: url(../flags/1x1/ye.svg);
}
.flag-icon-yt {
  background-image: url(../flags/4x3/yt.svg);
}
.flag-icon-yt.flag-icon-squared {
  background-image: url(../flags/1x1/yt.svg);
}
.flag-icon-za {
  background-image: url(../flags/4x3/za.svg);
}
.flag-icon-za.flag-icon-squared {
  background-image: url(../flags/1x1/za.svg);
}
.flag-icon-zm {
  background-image: url(../flags/4x3/zm.svg);
}
.flag-icon-zm.flag-icon-squared {
  background-image: url(../flags/1x1/zm.svg);
}
.flag-icon-zw {
  background-image: url(../flags/4x3/zw.svg);
}
.flag-icon-zw.flag-icon-squared {
  background-image: url(../flags/1x1/zw.svg);
}
.flag-icon-es-ca {
  background-image: url(../flags/4x3/es-ca.svg);
}
.flag-icon-es-ca.flag-icon-squared {
  background-image: url(../flags/1x1/es-ca.svg);
}
.flag-icon-eu {
  background-image: url(../flags/4x3/eu.svg);
}
.flag-icon-eu.flag-icon-squared {
  background-image: url(../flags/1x1/eu.svg);
}
.flag-icon-gb-eng {
  background-image: url(../flags/4x3/gb-eng.svg);
}
.flag-icon-gb-eng.flag-icon-squared {
  background-image: url(../flags/1x1/gb-eng.svg);
}
.flag-icon-gb-nir {
  background-image: url(../flags/4x3/gb-nir.svg);
}
.flag-icon-gb-nir.flag-icon-squared {
  background-image: url(../flags/1x1/gb-nir.svg);
}
.flag-icon-gb-sct {
  background-image: url(../flags/4x3/gb-sct.svg);
}
.flag-icon-gb-sct.flag-icon-squared {
  background-image: url(../flags/1x1/gb-sct.svg);
}
.flag-icon-gb-wls {
  background-image: url(../flags/4x3/gb-wls.svg);
}
.flag-icon-gb-wls.flag-icon-squared {
  background-image: url(../flags/1x1/gb-wls.svg);
}
.flag-icon-un {
  background-image: url(../flags/4x3/un.svg);
}
.flag-icon-un.flag-icon-squared {
  background-image: url(../flags/1x1/un.svg);
}
.flag-icon-xk {
  background-image: url(../flags/4x3/xk.svg);
}
.flag-icon-xk.flag-icon-squared {
  background-image: url(../flags/1x1/xk.svg);
}


code:
<svg xmlns="http://www.w3.org/2000/svg" id="flag-icon-css-bw" viewBox="0 0 512 512">
  <g fill-rule="evenodd">
    <path fill="#00cbff" d="M0 0h512v512H0z"/>
    <path fill="#fff" d="M0 192h512v128H0z"/>
    <path d="M0 212.7h512V299H0z"/>
  </g>
</svg>


code:
<svg xmlns="http://www.w3.org/2000/svg" id="flag-icon-css-cg" viewBox="0 0 512 512">
  <defs>
    <clipPath id="a">
      <path fill-opacity=".7" d="M115.7 0h496.1v496h-496z"/>
    </clipPath>
  </defs>
  <g fill-rule="evenodd" stroke-width="1pt" clip-path="url(#a)" transform="translate(-119.5) scale(1.032)">
    <path fill="#ff0" d="M0 0h744v496H0z"/>
    <path fill="#00ca00" d="M0 0v496L496 0H0z"/>
    <path fill="red" d="M248 496h496V0L248 496z"/>
  </g>
</svg>


code:
<svg xmlns="http://www.w3.org/2000/svg" id="flag-icon-css-ch" viewBox="0 0 512 512">
  <g fill-rule="evenodd" stroke-width="1pt">
    <path fill="#d52b1e" d="M0 0h512v512H0z"/>
    <g fill="#fff">
      <path d="M96 208h320v96H96z"/>
      <path d="M208 96h96v320h-96z"/>
    </g>
  </g>
</svg>


code:
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="flag-icon-css-cm" viewBox="0 0 512 512">
  <path fill="#007a5e" d="M0 0h170.7v512H0z"/>
  <path fill="#ce1126" d="M170.7 0h170.6v512H170.7z"/>
  <path fill="#fcd116" d="M341.3 0H512v512H341.3z"/>
  <g fill="#fcd116" transform="translate(256 256) scale(5.6889)">
    <g id="b">
      <path id="a" d="M0-8L-2.5-.4 1.3.9z"/>
      <use width="100%" height="100%" transform="scale(-1 1)" xlink:href="#a"/>
    </g>
    <use width="100%" height="100%" transform="rotate(72)" xlink:href="#b"/>
    <use width="100%" height="100%" transform="rotate(144)" xlink:href="#b"/>
    <use width="100%" height="100%" transform="rotate(-144)" xlink:href="#b"/>
    <use width="100%" height="100%" transform="rotate(-72)" xlink:href="#b"/>
  </g>
</svg>


code:
<svg xmlns="http://www.w3.org/2000/svg" id="flag-icon-css-co" viewBox="0 0 512 512">
  <g fill-rule="evenodd" stroke-width="1pt">
    <path fill="#ffe800" d="M0 0h512v512H0z"/>
    <path fill="#00148e" d="M0 256h512v256H0z"/>
    <path fill="#da0010" d="M0 384h512v128H0z"/>
  </g>
</svg>


code:
<svg xmlns="http://www.w3.org/2000/svg" id="flag-icon-css-cz" viewBox="0 0 512 512">
  <defs>
    <clipPath id="a">
      <path fill-opacity=".7" d="M102.4 0h708.7v708.7H102.4z"/>
    </clipPath>
  </defs>
  <g fill-rule="evenodd" stroke-width="1pt" clip-path="url(#a)" transform="translate(-74) scale(.722)">
    <path fill="#e80000" d="M0 0h1063v708.7H0z"/>
    <path fill="#fff" d="M0 0h1063v354.3H0z"/>
    <path fill="#00006f" d="M0 0l529.7 353.9L0 707.3V0z"/>
  </g>
</svg>


code:
<svg xmlns="http://www.w3.org/2000/svg" id="flag-icon-css-ee" viewBox="0 0 512 512">
  <g fill-rule="evenodd" stroke-width="1pt" transform="scale(.482 .72)">
    <rect width="1063" height="708.7" rx="0" ry="0"/>
    <rect width="1063" height="236.2" y="475.6" fill="#fff" rx="0" ry="0"/>
    <path fill="#1291ff" d="M0 0h1063v236.2H0z"/>
  </g>
</svg>


code:
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="flag-icon-css-eu" viewBox="0 0 512 512">
  <defs>
    <g id="d">
      <g id="b">
        <path id="a" d="M0-1l-.3 1 .5.1z"/>
        <use transform="scale(-1 1)" xlink:href="#a"/>
      </g>
      <g id="c">
        <use transform="rotate(72)" xlink:href="#b"/>
        <use transform="rotate(144)" xlink:href="#b"/>
      </g>
      <use transform="scale(-1 1)" xlink:href="#c"/>
    </g>
  </defs>
  <path fill="#039" d="M0 0h512v512H0z"/>
  <g fill="#fc0" transform="translate(256 258.4) scale(25.28395)">
    <use width="100%" height="100%" y="-6" xlink:href="#d"/>
    <use width="100%" height="100%" y="6" xlink:href="#d"/>
    <g id="e">
      <use width="100%" height="100%" x="-6" xlink:href="#d"/>
      <use width="100%" height="100%" transform="rotate(-144 -2.3 -2.1)" xlink:href="#d"/>
      <use width="100%" height="100%" transform="rotate(144 -2.1 -2.3)" xlink:href="#d"/>
      <use width="100%" height="100%" transform="rotate(72 -4.7 -2)" xlink:href="#d"/>
      <use width="100%" height="100%" transform="rotate(72 -5 .5)" xlink:href="#d"/>
    </g>
    <use width="100%" height="100%" transform="scale(-1 1)" xlink:href="#e"/>
  </g>
</svg>


code:
<svg xmlns="http://www.w3.org/2000/svg" id="flag-icon-css-gb-sct" viewBox="0 0 512 512">
  <path fill="#0065bd" d="M0 0h512v512H0z"/>
  <path stroke="#fff" stroke-width=".6" d="M0 0l5 3M0 3l5-3" transform="scale(102.4 170.66667)"/>
</svg>


code:
<svg xmlns="http://www.w3.org/2000/svg" id="flag-icon-css-gr" viewBox="0 0 512 512">
  <path fill="#005bae" fill-rule="evenodd" stroke-width=".8" d="M0 0h512v57H0z"/>
  <path fill="#fff" fill-rule="evenodd" stroke-width=".8" d="M0 57h512v57H0z"/>
  <path fill="#005bae" fill-rule="evenodd" stroke-width=".8" d="M0 114h512v57H0z"/>
  <path fill="#fff" fill-rule="evenodd" stroke-width=".8" d="M0 171h512v57H0z"/>
  <path fill="#005bae" fill-rule="evenodd" stroke-width=".8" d="M0 228h512v56.9H0z"/>
  <path fill="#fff" fill-rule="evenodd" stroke-width=".8" d="M0 284.9h512v57H0z"/>
  <path fill="#005bae" fill-rule="evenodd" stroke-width=".8" d="M0 341.9h512v57H0z"/>
  <path fill="#fff" fill-rule="evenodd" stroke-width=".8" d="M0 398.9h512v57H0z"/>
  <path fill="#005bae" stroke-width="3" d="M0 0h284.9v284.9H0z"/>
  <g fill="#fff" fill-rule="evenodd" stroke-width="1.3">
    <path d="M148 0h74v370h-74z" transform="scale(.77)"/>
    <path d="M0 148h370v74H0z" transform="scale(.77)"/>
  </g>
  <path fill="#005bae" fill-rule="evenodd" stroke-width=".8" d="M0 455h512v57H0z"/>
</svg>


code:
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="flag-icon-css-gw" viewBox="0 0 512 512">
  <path fill="#ce1126" d="M0 0h160v512H0z"/>
  <path fill="#fcd116" d="M160 0h352v256H160z"/>
  <path fill="#009e49" d="M160 256h352v256H160z"/>
  <g transform="translate(-46.2 72.8) scale(.7886)">
    <g id="b" transform="matrix(80 0 0 80 160 240)">
      <path id="a" d="M0-1v1h.5" transform="rotate(18 0 -1)"/>
      <use width="100%" height="100%" transform="scale(-1 1)" xlink:href="#a"/>
    </g>
    <use width="100%" height="100%" transform="rotate(72 160 240)" xlink:href="#b"/>
    <use width="100%" height="100%" transform="rotate(144 160 240)" xlink:href="#b"/>
    <use width="100%" height="100%" transform="rotate(-144 160 240)" xlink:href="#b"/>
    <use width="100%" height="100%" transform="rotate(-72 160 240)" xlink:href="#b"/>
  </g>
</svg>


code:
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="flag-icon-css-hn" viewBox="0 0 512 512">
  <path fill="#0073cf" d="M0 0h512v512H0z"/>
  <path fill="#fff" d="M0 170.7h512v170.6H0z"/>
  <g id="c" fill="#0073cf" transform="translate(256 256) scale(28.44446)">
    <g id="b">
      <path id="a" d="M0-1l-.3 1 .5.1z"/>
      <use width="100%" height="100%" transform="scale(-1 1)" xlink:href="#a"/>
    </g>
    <use width="100%" height="100%" transform="rotate(72)" xlink:href="#b"/>
    <use width="100%" height="100%" transform="rotate(-72)" xlink:href="#b"/>
    <use width="100%" height="100%" transform="rotate(144)" xlink:href="#b"/>
    <use width="100%" height="100%" transform="rotate(-144)" xlink:href="#b"/>
  </g>
  <use width="100%" height="100%" transform="translate(142.2 -45.5)" xlink:href="#c"/>
  <use width="100%" height="100%" transform="translate(142.2 39.8)" xlink:href="#c"/>
  <use width="100%" height="100%" transform="translate(-142.2 -45.5)" xlink:href="#c"/>
  <use width="100%" height="100%" transform="translate(-142.2 39.8)" xlink:href="#c"/>
</svg>


code:
<svg xmlns="http://www.w3.org/2000/svg" id="flag-icon-css-id" viewBox="0 0 512 512">
  <g fill-rule="evenodd" stroke-width="1pt">
    <path fill="#e70011" d="M0 0h512v265.5H0z"/>
    <path fill="#fff" d="M0 256h512v256H0z"/>
  </g>
</svg>


code:
<svg xmlns="http://www.w3.org/2000/svg" id="flag-icon-css-jp" viewBox="0 0 512 512">
  <defs>
    <clipPath id="a">
      <path fill-opacity=".7" d="M177.2 0h708.6v708.7H177.2z"/>
    </clipPath>
  </defs>
  <g fill-rule="evenodd" stroke-width="1pt" clip-path="url(#a)" transform="translate(-128) scale(.72249)">
    <path fill="#fff" d="M0 0h1063v708.7H0z"/>
    <circle cx="523.1" cy="344.1" r="194.9" fill="#d30000" transform="translate(-59.7 -34.5) scale(1.1302)"/>
  </g>
</svg>


code:
<svg xmlns="http://www.w3.org/2000/svg" id="flag-icon-css-mc" viewBox="0 0 512 512">
  <g fill-rule="evenodd" stroke-width="1pt">
    <path fill="#f31830" d="M0 0h512v256H0z"/>
    <path fill="#fff" d="M0 256h512v256H0z"/>
  </g>
</svg>


code:
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="flag-icon-css-mm" viewBox="0 0 512 512">
  <defs>
    <path id="a" fill="#fff" d="M.2 0h-.4L0-.5z" transform="scale(8.844)"/>
    <g id="b">
      <use width="18" height="12" transform="rotate(-144)" xlink:href="#a"/>
      <use width="18" height="12" transform="rotate(-72)" xlink:href="#a"/>
      <use width="18" height="12" xlink:href="#a"/>
      <use width="18" height="12" transform="rotate(72)" xlink:href="#a"/>
      <use width="18" height="12" transform="rotate(144)" xlink:href="#a"/>
    </g>
  </defs>
  <path fill="#fecb00" d="M0 0h512v170.7H0z"/>
  <path fill="#ea2839" d="M0 341.3h512V512H0z"/>
  <path fill="#34b233" d="M0 170.7h512v170.6H0z"/>
  <use width="18" height="12" x="9" y="6.4" transform="translate(-127.7) scale(42.66667)" xlink:href="#b"/>
</svg>


code:
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="flag-icon-css-nz" viewBox="0 0 512 512">
  <defs>
    <clipPath id="c">
      <path d="M0 0h600v300H0z"/>
    </clipPath>
    <clipPath id="d">
      <path d="M0 0l300 150H0zm300 0h300L300 150zm0 150h300v150zm0 0v150H0z"/>
    </clipPath>
    <g id="b">
      <g id="a">
        <path d="M0 0v.5L1 0z" transform="translate(0 -.3)"/>
        <path d="M0 0v-.5L1 0z" transform="rotate(-36 .5 -.2)"/>
      </g>
      <use transform="scale(-1 1)" xlink:href="#a"/>
      <use transform="rotate(72 0 0)" xlink:href="#a"/>
      <use transform="rotate(-72 0 0)" xlink:href="#a"/>
      <use transform="scale(-1 1) rotate(72)" xlink:href="#a"/>
    </g>
  </defs>
  <path fill="#00247d" fill-rule="evenodd" d="M0 0h512v512H0z"/>
  <g transform="translate(-148.7 134.5) scale(.60566)">
    <use width="100%" height="100%" fill="#fff" transform="matrix(45.4 0 0 45.4 900 120)" xlink:href="#b"/>
    <use width="100%" height="100%" fill="#cc142b" transform="matrix(30 0 0 30 900 120)" xlink:href="#b"/>
  </g>
  <g transform="rotate(82 393.4 127.1) scale(.60566)">
    <use width="100%" height="100%" fill="#fff" transform="rotate(-82 519 -457.7) scale(40.4)" xlink:href="#b"/>
    <use width="100%" height="100%" fill="#cc142b" transform="rotate(-82 519 -457.7) scale(25)" xlink:href="#b"/>
  </g>
  <g transform="rotate(82 393.4 127.1) scale(.60566)">
    <use width="100%" height="100%" fill="#fff" transform="rotate(-82 668.6 -327.7) scale(45.4)" xlink:href="#b"/>
    <use width="100%" height="100%" fill="#cc142b" transform="rotate(-82 668.6 -327.7) scale(30)" xlink:href="#b"/>
  </g>
  <g transform="translate(-148.7 134.5) scale(.60566)">
    <use width="100%" height="100%" fill="#fff" transform="matrix(50.4 0 0 50.4 900 480)" xlink:href="#b"/>
    <use width="100%" height="100%" fill="#cc142b" transform="matrix(35 0 0 35 900 480)" xlink:href="#b"/>
  </g>
  <path stroke="#fff" stroke-width="60" d="M0 0l600 300M0 300L600 0" clip-path="url(#c)" transform="scale(.52004 .78924)"/>
  <path stroke="#cc142b" stroke-width="40" d="M0 0l600 300M0 300L600 0" clip-path="url(#d)" transform="scale(.52004 .78924)"/>
  <path fill="#fff" d="M125.7 0v88H-.1v60.7h125.8v88h60.6v-88h125.8V88.1H186.4V0h-60.7z" clip-path="url(#c)" color="#000" font-family="sans-serif" font-weight="400" overflow="visible" style="line-height:normal;text-indent:0;text-align:start;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000;text-transform:none;block-progression:tb;isolation:auto;mix-blend-mode:normal"/>
  <path fill="#cc142b" d="M137.8 0v100.2H0v36.4h138v100.2h36.3V136.6h137.9v-36.4h-138V0h-36.4z" color="#000" font-family="sans-serif" font-weight="400" overflow="visible" style="line-height:normal;text-indent:0;text-align:start;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000;text-transform:none;block-progression:tb;isolation:auto;mix-blend-mode:normal"/>
</svg>


code:
<svg xmlns="http://www.w3.org/2000/svg" id="flag-icon-css-pl" viewBox="0 0 512 512">
  <g fill-rule="evenodd">
    <path fill="#fff" d="M512 512H0V0h512z"/>
    <path fill="#dc143c" d="M512 512H0V256h512z"/>
  </g>
</svg>


code:
<svg xmlns="http://www.w3.org/2000/svg" id="flag-icon-css-ru" viewBox="0 0 512 512">
  <g fill-rule="evenodd" stroke-width="1pt">
    <path fill="#fff" d="M0 0h512v512H0z"/>
    <path fill="#0039a6" d="M0 170.7h512V512H0z"/>
    <path fill="#d52b1e" d="M0 341.3h512V512H0z"/>
  </g>
</svg>


code:
<svg xmlns="http://www.w3.org/2000/svg" id="flag-icon-css-sd" viewBox="0 0 512 512">
  <defs>
    <clipPath id="a">
      <path fill-opacity=".7" d="M0 0h496v496H0z"/>
    </clipPath>
  </defs>
  <g fill-rule="evenodd" stroke-width="1pt" clip-path="url(#a)" transform="scale(1.0321)">
    <path d="M0 330.7h992.1v165.4H0z"/>
    <path fill="#fff" d="M0 165.3h992.1v165.4H0z"/>
    <path fill="red" d="M0 0h992.9v165.4H0z"/>
    <path fill="#009a00" d="M0 0v496l330.7-248L0 0z"/>
  </g>
</svg>


code:
<svg xmlns="http://www.w3.org/2000/svg" id="flag-icon-css-sl" viewBox="0 0 512 512">
  <defs>
    <clipPath id="a">
      <rect width="384" height="512" rx="4.6" ry="7.6"/>
    </clipPath>
  </defs>
  <g fill-rule="evenodd" clip-path="url(#a)" transform="scale(1.33333 1)">
    <path fill="#0000cd" d="M0 341.7h512V512H0z"/>
    <path fill="#fff" d="M0 171.4h512v170.3H0z"/>
    <path fill="#00cd00" d="M0 0h512v171.4H0z"/>
  </g>
</svg>


code:
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="flag-icon-css-st" viewBox="0 0 512 512">
  <path fill="#12ad2b" d="M0 0h512v512H0z"/>
  <path fill="#ffce00" d="M0 146.3h512v219.4H0z"/>
  <path fill="#d21034" d="M0 0v512l192-256"/>
  <g id="c" transform="translate(276.9 261.5) scale(.33167)">
    <g id="b">
      <path id="a" d="M0-200V0h100" transform="rotate(18 0 -200)"/>
      <use width="100%" height="100%" transform="scale(-1 1)" xlink:href="#a"/>
    </g>
    <use width="100%" height="100%" transform="rotate(72)" xlink:href="#b"/>
    <use width="100%" height="100%" transform="rotate(144)" xlink:href="#b"/>
    <use width="100%" height="100%" transform="rotate(-144)" xlink:href="#b"/>
    <use width="100%" height="100%" transform="rotate(-72)" xlink:href="#b"/>
  </g>
  <use width="100%" height="100%" x="700" transform="translate(-550.9)" xlink:href="#c"/>
</svg>


code:
<svg xmlns="http://www.w3.org/2000/svg" id="flag-icon-css-ua" viewBox="0 0 512 512">
  <g fill-rule="evenodd" stroke-width="1pt">
    <path fill="#ffd500" d="M0 0h512v512H0z"/>
    <path fill="#005bbb" d="M0 0h512v256H0z"/>
  </g>
</svg>


code:
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="flag-icon-css-ve" viewBox="0 0 512 512">
  <defs>
    <g id="d" transform="translate(0 -36)">
      <g id="c">
        <g id="b">
          <path id="a" fill="#fff" d="M0-5L-1.5-.2l2.8.9z"/>
          <use width="180" height="120" transform="scale(-1 1)" xlink:href="#a"/>
        </g>
        <use width="180" height="120" transform="rotate(72)" xlink:href="#b"/>
      </g>
      <use width="180" height="120" transform="rotate(-72)" xlink:href="#b"/>
      <use width="180" height="120" transform="rotate(144)" xlink:href="#c"/>
    </g>
  </defs>
  <path fill="#cf142b" d="M0 0h512v512H0z"/>
  <path fill="#00247d" d="M0 0h512v341.3H0z"/>
  <path fill="#fc0" d="M0 0h512v170.7H0z"/>
  <g id="f" transform="translate(256.3 358.4) scale(4.265)">
    <g id="e">
      <use width="180" height="120" transform="rotate(10)" xlink:href="#d"/>
      <use width="180" height="120" transform="rotate(30)" xlink:href="#d"/>
    </g>
    <use width="180" height="120" transform="rotate(40)" xlink:href="#e"/>
  </g>
  <use width="180" height="120" transform="rotate(-80 256.3 358.4)" xlink:href="#f"/>
</svg>


code:
<svg xmlns="http://www.w3.org/2000/svg" id="flag-icon-css-ye" viewBox="0 0 512 512">
  <g fill-rule="evenodd" stroke-width="1pt">
    <path fill="#fff" d="M0 0h512v504.3H0z"/>
    <path fill="#f10600" d="M0 0h512v167.9H0z"/>
    <path d="M0 344.1h512V512H0z"/>
  </g>
</svg>


code:
<svg xmlns="http://www.w3.org/2000/svg" id="flag-icon-css-am" viewBox="0 0 640 480">
  <path fill="red" d="M0 0h640v160H0z"/>
  <path fill="#00f" d="M0 160h640v160H0z"/>
  <path fill="orange" d="M0 320h640v160H0z"/>
</svg>


code:
<svg xmlns="http://www.w3.org/2000/svg" id="flag-icon-css-bg" viewBox="0 0 640 480">
  <g fill-rule="evenodd" stroke-width="1pt">
    <path fill="#d62612" d="M0 320h640v160H0z"/>
    <path fill="#fff" d="M0 0h640v160H0z"/>
    <path fill="#00966e" d="M0 160h640v160H0z"/>
  </g>
</svg>


code:
<svg xmlns="http://www.w3.org/2000/svg" id="flag-icon-css-bw" viewBox="0 0 640 480">
  <g fill-rule="evenodd">
    <path fill="#00cbff" d="M0 0h640v480H0z"/>
    <path fill="#fff" d="M0 160h640v160H0z"/>
    <path d="M0 186h640v108H0z"/>
  </g>
</svg>


code:
<svg xmlns="http://www.w3.org/2000/svg" id="flag-icon-css-cg" viewBox="0 0 640 480">
  <defs>
    <clipPath id="cg-a">
      <path fill-opacity=".7" d="M-79.5 32h640v480h-640z"/>
    </clipPath>
  </defs>
  <g fill-rule="evenodd" stroke-width="1pt" clip-path="url(#cg-a)" transform="translate(79.5 -32)">
    <path fill="#ff0" d="M-119.5 32h720v480h-720z"/>
    <path fill="#00ca00" d="M-119.5 32v480l480-480h-480z"/>
    <path fill="red" d="M120.5 512h480V32l-480 480z"/>
  </g>
</svg>


code:
<svg xmlns="http://www.w3.org/2000/svg" id="flag-icon-css-ch" viewBox="0 0 640 480">
  <g fill-rule="evenodd" stroke-width="1pt">
    <path fill="#d52b1e" d="M0 0h640v480H0z"/>
    <g fill="#fff">
      <path d="M170 195h300v90H170z"/>
      <path d="M275 90h90v300h-90z"/>
    </g>
  </g>
</svg>


code:
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="flag-icon-css-cm" viewBox="0 0 640 480">
  <path fill="#007a5e" d="M0 0h213.3v480H0z"/>
  <path fill="#ce1126" d="M213.3 0h213.4v480H213.3z"/>
  <path fill="#fcd116" d="M426.7 0H640v480H426.7z"/>
  <g fill="#fcd116" transform="translate(320 240) scale(7.1111)">
    <g id="b">
      <path id="a" d="M0-8L-2.5-.4 1.3.9z"/>
      <use width="100%" height="100%" transform="scale(-1 1)" xlink:href="#a"/>
    </g>
    <use width="100%" height="100%" transform="rotate(72)" xlink:href="#b"/>
    <use width="100%" height="100%" transform="rotate(144)" xlink:href="#b"/>
    <use width="100%" height="100%" transform="rotate(-144)" xlink:href="#b"/>
    <use width="100%" height="100%" transform="rotate(-72)" xlink:href="#b"/>
  </g>
</svg>


code:
<svg xmlns="http://www.w3.org/2000/svg" id="flag-icon-css-co" viewBox="0 0 640 480">
  <g fill-rule="evenodd" stroke-width="1pt">
    <path fill="#ffe800" d="M0 0h640v480H0z"/>
    <path fill="#00148e" d="M0 240h640v240H0z"/>
    <path fill="#da0010" d="M0 360h640v120H0z"/>
  </g>
</svg>


code:
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="flag-icon-css-cw" viewBox="0 0 640 480">
  <defs>
    <clipPath id="cw-a">
      <path fill-opacity=".7" d="M0 0h682.7v512H0z"/>
    </clipPath>
    <path id="b" d="M0-1l.2.7H1L.3 0l.2.7L0 .4l-.6.4.2-.7-.5-.4h.7z"/>
  </defs>
  <g clip-path="url(#cw-a)" transform="scale(.94)">
    <path fill="#002b7f" d="M0 0h768v512H0z"/>
    <path fill="#f9e814" d="M0 320h768v64H0z"/>
    <use width="13500" height="9000" x="2" y="2" fill="#fff" transform="scale(42.67)" xlink:href="#b"/>
    <use width="13500" height="9000" x="3" y="3" fill="#fff" transform="scale(56.9)" xlink:href="#b"/>
  </g>
</svg>


code:
<svg xmlns="http://www.w3.org/2000/svg" id="flag-icon-css-cz" viewBox="0 0 640 480">
  <defs>
    <clipPath id="cz-a">
      <path fill-opacity=".7" d="M-74 0h682.7v512H-74z"/>
    </clipPath>
  </defs>
  <g fill-rule="evenodd" stroke-width="1pt" clip-path="url(#cz-a)" transform="translate(69.4) scale(.94)">
    <path fill="#e80000" d="M-74 0h768v512H-74z"/>
    <path fill="#fff" d="M-74 0h768v256H-74z"/>
    <path fill="#00006f" d="M-74 0l382.7 255.7L-74 511V0z"/>
  </g>
</svg>


code:
<svg xmlns="http://www.w3.org/2000/svg" id="flag-icon-css-ee" viewBox="0 0 640 480">
  <g fill-rule="evenodd" stroke-width="1pt">
    <rect width="640" height="477.9" rx="0" ry="0"/>
    <rect width="640" height="159.3" y="320.7" fill="#fff" rx="0" ry="0"/>
    <path fill="#1291ff" d="M0 0h640v159.3H0z"/>
  </g>
</svg>


code:
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="flag-icon-css-eu" viewBox="0 0 640 480">
  <defs>
    <g id="d">
      <g id="b">
        <path id="a" d="M0-1l-.3 1 .5.1z"/>
        <use transform="scale(-1 1)" xlink:href="#a"/>
      </g>
      <g id="c">
        <use transform="rotate(72)" xlink:href="#b"/>
        <use transform="rotate(144)" xlink:href="#b"/>
      </g>
      <use transform="scale(-1 1)" xlink:href="#c"/>
    </g>
  </defs>
  <path fill="#039" d="M0 0h640v480H0z"/>
  <g fill="#fc0" transform="translate(320 242.3) scale(23.7037)">
    <use width="100%" height="100%" y="-6" xlink:href="#d"/>
    <use width="100%" height="100%" y="6" xlink:href="#d"/>
    <g id="e">
      <use width="100%" height="100%" x="-6" xlink:href="#d"/>
      <use width="100%" height="100%" transform="rotate(-144 -2.3 -2.1)" xlink:href="#d"/>
      <use width="100%" height="100%" transform="rotate(144 -2.1 -2.3)" xlink:href="#d"/>
      <use width="100%" height="100%" transform="rotate(72 -4.7 -2)" xlink:href="#d"/>
      <use width="100%" height="100%" transform="rotate(72 -5 .5)" xlink:href="#d"/>
    </g>
    <use width="100%" height="100%" transform="scale(-1 1)" xlink:href="#e"/>
  </g>
</svg>


code:
<svg xmlns="http://www.w3.org/2000/svg" id="flag-icon-css-gb-sct" viewBox="0 0 640 480">
  <path fill="#0065bd" d="M0 0h640v480H0z"/>
  <path stroke="#fff" stroke-width=".6" d="M0 0l5 3M0 3l5-3" transform="scale(128 160)"/>
</svg>


code:
<svg xmlns="http://www.w3.org/2000/svg" id="flag-icon-css-gm" viewBox="0 0 640 480">
  <defs>
    <clipPath id="gm-a">
      <path fill-opacity=".7" d="M0-48h640v480H0z"/>
    </clipPath>
  </defs>
  <g fill-rule="evenodd" stroke-width="1pt" clip-path="url(#gm-a)" transform="translate(0 48)">
    <path fill="red" d="M0-128h640V85.3H0z"/>
    <path fill="#fff" d="M0 85.3h640V121H0z"/>
    <path fill="#009" d="M0 120.9h640V263H0z"/>
    <path fill="#fff" d="M0 263.1h640v35.6H0z"/>
    <path fill="#090" d="M0 298.7h640V512H0z"/>
  </g>
</svg>


code:
<svg xmlns="http://www.w3.org/2000/svg" id="flag-icon-css-gr" viewBox="0 0 640 480">
  <path fill="#005bae" fill-rule="evenodd" stroke-width="6.7" d="M0 0h640v53.3H0z"/>
  <path fill="#fff" fill-rule="evenodd" stroke-width="6.7" d="M0 53.3h640v53.4H0z"/>
  <path fill="#005bae" fill-rule="evenodd" stroke-width="6.7" d="M0 106.7h640V160H0z"/>
  <path fill="#fff" fill-rule="evenodd" stroke-width="6.7" d="M0 160h640v53.3H0z"/>
  <path fill="#005bae" stroke-width=".9" d="M0 0h266.7v266.7H0z"/>
  <path fill="#005bae" fill-rule="evenodd" stroke-width="6.7" d="M0 213.3h640v53.4H0z"/>
  <path fill="#fff" fill-rule="evenodd" stroke-width="6.7" d="M0 266.7h640V320H0z"/>
  <path fill="#005bae" fill-rule="evenodd" stroke-width="6.7" d="M0 320h640v53.3H0z"/>
  <path fill="#fff" fill-rule="evenodd" stroke-width="6.7" d="M0 373.3h640v53.4H0z"/>
  <g fill="#fff" fill-rule="evenodd" stroke-width="1.3">
    <path d="M20 0h10v50H20z" transform="scale(5.33333)"/>
    <path d="M0 20h50v10H0z" transform="scale(5.33333)"/>
  </g>
  <path fill="#005bae" stroke-width=".6" d="M0 426.7h640V480H0z"/>
</svg>


code:
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="flag-icon-css-gw" viewBox="0 0 640 480">
  <path fill="#ce1126" d="M0 0h220v480H0z"/>
  <path fill="#fcd116" d="M220 0h420v240H220z"/>
  <path fill="#009e49" d="M220 240h420v240H220z"/>
  <g id="b" transform="matrix(80 0 0 80 110 240)">
    <path id="a" d="M0-1v1h.5" transform="rotate(18 0 -1)"/>
    <use width="100%" height="100%" transform="scale(-1 1)" xlink:href="#a"/>
  </g>
  <use width="100%" height="100%" transform="rotate(72 110 240)" xlink:href="#b"/>
  <use width="100%" height="100%" transform="rotate(144 110 240)" xlink:href="#b"/>
  <use width="100%" height="100%" transform="rotate(-144 110 240)" xlink:href="#b"/>
  <use width="100%" height="100%" transform="rotate(-72 110 240)" xlink:href="#b"/>
</svg>


code:
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="flag-icon-css-hn" viewBox="0 0 640 480">
  <path fill="#0073cf" d="M0 0h640v480H0z"/>
  <path fill="#fff" d="M0 160h640v160H0z"/>
  <g id="c" fill="#0073cf" transform="translate(320 240) scale(26.66665)">
    <g id="b">
      <path id="a" d="M-.3 0l.5.1L0-1z"/>
      <use width="100%" height="100%" transform="scale(-1 1)" xlink:href="#a"/>
    </g>
    <use width="100%" height="100%" transform="rotate(72)" xlink:href="#b"/>
    <use width="100%" height="100%" transform="rotate(-72)" xlink:href="#b"/>
    <use width="100%" height="100%" transform="rotate(144)" xlink:href="#b"/>
    <use width="100%" height="100%" transform="rotate(-144)" xlink:href="#b"/>
  </g>
  <use width="100%" height="100%" transform="translate(133.3 -42.7)" xlink:href="#c"/>
  <use width="100%" height="100%" transform="translate(133.3 37.3)" xlink:href="#c"/>
  <use width="100%" height="100%" transform="translate(-133.3 -42.7)" xlink:href="#c"/>
  <use width="100%" height="100%" transform="translate(-133.3 37.3)" xlink:href="#c"/>
</svg>


code:
<svg xmlns="http://www.w3.org/2000/svg" id="flag-icon-css-id" viewBox="0 0 640 480">
  <g fill-rule="evenodd" stroke-width="1pt">
    <path fill="#e70011" d="M0 0h640v249H0z"/>
    <path fill="#fff" d="M0 240h640v240H0z"/>
  </g>
</svg>


code:
<svg xmlns="http://www.w3.org/2000/svg" id="flag-icon-css-jp" viewBox="0 0 640 480">
  <defs>
    <clipPath id="jp-a">
      <path fill-opacity=".7" d="M-88 32h640v480H-88z"/>
    </clipPath>
  </defs>
  <g fill-rule="evenodd" stroke-width="1pt" clip-path="url(#jp-a)" transform="translate(88 -32)">
    <path fill="#fff" d="M-128 32h720v480h-720z"/>
    <circle cx="523.1" cy="344.1" r="194.9" fill="#d30000" transform="translate(-168.4 8.6) scale(.76554)"/>
  </g>
</svg>


code:
<svg xmlns="http://www.w3.org/2000/svg" id="flag-icon-css-lv" viewBox="0 0 640 480">
  <g fill-rule="evenodd">
    <path fill="#fff" d="M0 0h640v480H0z"/>
    <path fill="#981e32" d="M0 0h640v192H0zm0 288h640v192H0z"/>
  </g>
</svg>


code:
<svg xmlns="http://www.w3.org/2000/svg" id="flag-icon-css-mc" viewBox="0 0 640 480">
  <g fill-rule="evenodd" stroke-width="1pt">
    <path fill="#f31830" d="M0 0h640v240H0z"/>
    <path fill="#fff" d="M0 240h640v240H0z"/>
  </g>
</svg>


code:
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="flag-icon-css-mm" viewBox="0 0 640 480">
  <defs>
    <path id="a" fill="#fff" d="M0-.5l.2.5h-.4z" transform="scale(8.844)"/>
    <g id="b">
      <use width="18" height="12" transform="rotate(-144)" xlink:href="#a"/>
      <use width="18" height="12" transform="rotate(-72)" xlink:href="#a"/>
      <use width="18" height="12" xlink:href="#a"/>
      <use width="18" height="12" transform="rotate(72)" xlink:href="#a"/>
      <use width="18" height="12" transform="rotate(144)" xlink:href="#a"/>
    </g>
  </defs>
  <path fill="#fecb00" d="M0-.1h640V160H0z"/>
  <path fill="#ea2839" d="M0 320h640v160H0z"/>
  <path fill="#34b233" d="M0 160h640v160H0z"/>
  <use width="18" height="12" x="9" y="6.4" transform="matrix(40 0 0 40 -40 0)" xlink:href="#b"/>
</svg>


code:
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="flag-icon-css-nz" viewBox="0 0 640 480">
  <defs>
    <clipPath id="nz-c">
      <path d="M0 0h600v300H0z"/>
    </clipPath>
    <clipPath id="nz-d">
      <path d="M0 0l300 150H0zm300 0h300L300 150zm0 150h300v150zm0 0v150H0z"/>
    </clipPath>
    <g id="b">
      <g id="a">
        <path d="M0 0v.5L1 0z" transform="translate(0 -.3)"/>
        <path d="M0 0v-.5L1 0z" transform="rotate(-36 .5 -.2)"/>
      </g>
      <use transform="scale(-1 1)" xlink:href="#a"/>
      <use transform="rotate(72 0 0)" xlink:href="#a"/>
      <use transform="rotate(-72 0 0)" xlink:href="#a"/>
      <use transform="scale(-1 1) rotate(72)" xlink:href="#a"/>
    </g>
  </defs>
  <path fill="#00247d" fill-rule="evenodd" d="M0 0h640v480H0z"/>
  <g transform="translate(-93 36.1) scale(.66825)">
    <use width="100%" height="100%" fill="#fff" transform="matrix(45.4 0 0 45.4 900 120)" xlink:href="#b"/>
    <use width="100%" height="100%" fill="#cc142b" transform="matrix(30 0 0 30 900 120)" xlink:href="#b"/>
  </g>
  <g transform="rotate(82 534.2 125) scale(.66825)">
    <use width="100%" height="100%" fill="#fff" transform="rotate(-82 519 -457.7) scale(40.4)" xlink:href="#b"/>
    <use width="100%" height="100%" fill="#cc142b" transform="rotate(-82 519 -457.7) scale(25)" xlink:href="#b"/>
  </g>
  <g transform="rotate(82 534.2 125) scale(.66825)">
    <use width="100%" height="100%" fill="#fff" transform="rotate(-82 668.6 -327.7) scale(45.4)" xlink:href="#b"/>
    <use width="100%" height="100%" fill="#cc142b" transform="rotate(-82 668.6 -327.7) scale(30)" xlink:href="#b"/>
  </g>
  <g transform="translate(-93 36.1) scale(.66825)">
    <use width="100%" height="100%" fill="#fff" transform="matrix(50.4 0 0 50.4 900 480)" xlink:href="#b"/>
    <use width="100%" height="100%" fill="#cc142b" transform="matrix(35 0 0 35 900 480)" xlink:href="#b"/>
  </g>
  <path stroke="#fff" stroke-width="60" d="M0 0l600 300M0 300L600 0" clip-path="url(#nz-c)" transform="scale(.60681 .73139)"/>
  <path stroke="#cc142b" stroke-width="40" d="M0 0l600 300M0 300L600 0" clip-path="url(#nz-d)" transform="scale(.60681 .73139)"/>
  <path fill="#fff" d="M151.7 0v79.4H0V140h151.7v79.4h60.7v-79.3H364V79.4H212.4V0z" clip-path="url(#nz-c)" color="#000" font-family="sans-serif" font-weight="400" overflow="visible" style="line-height:normal;text-indent:0;text-align:start;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000;text-transform:none;block-progression:tb;isolation:auto;mix-blend-mode:normal"/>
  <path fill="#cc142b" d="M163.8 0v91.5H0v36.4h163.8v91.5h36.4V128h163.9V91.5H200.2V0z" color="#000" font-family="sans-serif" font-weight="400" overflow="visible" style="line-height:normal;text-indent:0;text-align:start;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000;text-transform:none;block-progression:tb;isolation:auto;mix-blend-mode:normal"/>
</svg>


code:
<svg xmlns="http://www.w3.org/2000/svg" id="flag-icon-css-pl" viewBox="0 0 640 480">
  <g fill-rule="evenodd">
    <path fill="#fff" d="M640 480H0V0h640z"/>
    <path fill="#dc143c" d="M640 480H0V240h640z"/>
  </g>
</svg>


code:
<svg xmlns="http://www.w3.org/2000/svg" id="flag-icon-css-ru" viewBox="0 0 640 480">
  <g fill-rule="evenodd" stroke-width="1pt">
    <path fill="#fff" d="M0 0h640v480H0z"/>
    <path fill="#0039a6" d="M0 160h640v320H0z"/>
    <path fill="#d52b1e" d="M0 320h640v160H0z"/>
  </g>
</svg>


code:
<svg xmlns="http://www.w3.org/2000/svg" id="flag-icon-css-sd" viewBox="0 0 640 480">
  <defs>
    <clipPath id="sd-a">
      <path fill-opacity=".7" d="M0 0h682.7v512H0z"/>
    </clipPath>
  </defs>
  <g fill-rule="evenodd" stroke-width="1pt" clip-path="url(#sd-a)" transform="scale(.9375)">
    <path d="M0 341.3h1024V512H0z"/>
    <path fill="#fff" d="M0 170.6h1024v170.7H0z"/>
    <path fill="red" d="M0 0h1024.8v170.7H0z"/>
    <path fill="#009a00" d="M0 0v512l341.3-256L0 0z"/>
  </g>
</svg>


code:
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="flag-icon-css-st" viewBox="0 0 640 480">
  <path fill="#12ad2b" d="M0 0h640v480H0z"/>
  <path fill="#ffce00" d="M0 137.1h640V343H0z"/>
  <path fill="#d21034" d="M0 0v480l240-240"/>
  <g id="c" transform="translate(351.6 240) scale(.34286)">
    <g id="b">
      <path id="a" d="M0-200V0h100" transform="rotate(18 0 -200)"/>
      <use width="100%" height="100%" transform="scale(-1 1)" xlink:href="#a"/>
    </g>
    <use width="100%" height="100%" transform="rotate(72)" xlink:href="#b"/>
    <use width="100%" height="100%" transform="rotate(144)" xlink:href="#b"/>
    <use width="100%" height="100%" transform="rotate(-144)" xlink:href="#b"/>
    <use width="100%" height="100%" transform="rotate(-72)" xlink:href="#b"/>
  </g>
  <use width="100%" height="100%" x="700" transform="translate(-523.2)" xlink:href="#c"/>
</svg>


code:
<svg xmlns="http://www.w3.org/2000/svg" id="flag-icon-css-ua" viewBox="0 0 640 480">
  <g fill-rule="evenodd" stroke-width="1pt">
    <path fill="#ffd500" d="M0 0h640v480H0z"/>
    <path fill="#005bbb" d="M0 0h640v240H0z"/>
  </g>
</svg>


code:
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="flag-icon-css-ve" viewBox="0 0 640 480">
  <defs>
    <g id="d" transform="translate(0 -36)">
      <g id="c">
        <g id="b">
          <path id="a" fill="#fff" d="M0-5L-1.5-.2l2.8.9z"/>
          <use width="180" height="120" transform="scale(-1 1)" xlink:href="#a"/>
        </g>
        <use width="180" height="120" transform="rotate(72)" xlink:href="#b"/>
      </g>
      <use width="180" height="120" transform="rotate(-72)" xlink:href="#b"/>
      <use width="180" height="120" transform="rotate(144)" xlink:href="#c"/>
    </g>
  </defs>
  <path fill="#cf142b" d="M0 0h640v480H0z"/>
  <path fill="#00247d" d="M0 0h640v320H0z"/>
  <path fill="#fc0" d="M0 0h640v160H0z"/>
  <g id="f" transform="matrix(4 0 0 4 320 336)">
    <g id="e">
      <use width="180" height="120" transform="rotate(10)" xlink:href="#d"/>
      <use width="180" height="120" transform="rotate(30)" xlink:href="#d"/>
    </g>
    <use width="180" height="120" transform="rotate(40)" xlink:href="#e"/>
  </g>
  <use width="180" height="120" transform="rotate(-80 320 336)" xlink:href="#f"/>
</svg>


code:
<svg xmlns="http://www.w3.org/2000/svg" id="flag-icon-css-ye" viewBox="0 0 640 480">
  <g fill-rule="evenodd" stroke-width="1pt">
    <path fill="#fff" d="M0 0h640v472.8H0z"/>
    <path fill="#f10600" d="M0 0h640v157.4H0z"/>
    <path d="M0 322.6h640V480H0z"/>
  </g>
</svg>