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

Circle Flags · Flags

circle-flags:ag

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

View collection

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

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

React

import type { SVGProps } from 'react';

export function Ag(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="#333" d="M0 .4h512l-34 229H36z"/><path fill="#ffda44" d="m367.3 205.3l-109.7 19.4l-112.9-19.4l45.5-21.3l-24.2-44l49.3 9.4l6.3-49.9l34.4 36.7l34.4-36.6l6.3 50L346 140l-24.2 44z"/><path fill="#0052b4" d="M25.6 205.3h466.8L257 439.5z"/><path fill="#eee" d="M34 307.4h446L256 511.6z"/><path fill="#a2001d" d="m0 511.6l256 .4L0 .4zm256 .4l256-.4V0z"/></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