18 Iconify packs · copy SVG, PNG, React, Vue, and more Open registry →

Circle Flags · Flags

circle-flags:as

Circle Flags draws countries and regions as round badges. License: MIT.

View collection

License: MIT · /r/circle-flags/as.json

Redistribution follows that set’s license. Brand marks can have extra trademark limits.

React

import type { SVGProps } from 'react';

export function As(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 512 512"><mask id="SVGqdEcMdXs"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#SVGqdEcMdXs)"><path fill="#eee" d="M512 20.4V490L23.8 255.8z"/><path fill="#a2001d" d="M445.2 246.5h-30.5c8-9.6 7.5-23.7-1.5-32.7a24.2 24.2 0 0 0 0-34.2l-.5.5a25 25 0 0 0 .5-34.8l-137 137a23.9 23.9 0 0 0 34 0l2.6-2.5l65.6-6v28.3h22.3v-30.2l33.4-3z"/><path fill="#ffda44" d="M278.3 311.7L256 300.5l22.3-11.1H423v22.3z"/><path fill="#0052b4" d="M0 0v512h512L28.7 256.2L512 0z"/><path fill="#d80027" d="M512 0L0 256l512 256v-22L43.8 256L512 20.4z"/></g></svg>
  );
}

Click to copy · Hover to preview

 

Customize colors

Changes apply to SVG, PNG and Data URI exports only. CDN / img URI always serve the original.

Circle Flags icon

Circle Flags

Circle Flags

circle-flags