Using alias actor ID when available. Using basic SVG flags instead of PNG. Moved PNG and HD SVG flags to assets.

public/img/flags/za.svg

@@ -1,17 +1,133 @@
-<svg xmlns="http://www.w3.org/2000/svg" id="flag-icon-css-za" viewBox="0 0 640 480">
-  <defs>
-    <clipPath id="a">
-      <path fill-opacity=".7" d="M-71.9 0h682.7v512H-71.9z"/>
-    </clipPath>
-  </defs>
-  <g clip-path="url(#a)" transform="translate(67.4) scale(.93748)">
-    <g fill-rule="evenodd" stroke-width="1pt">
-      <path d="M-71.9 407.8V104.4L154 256.1-72 407.8z"/>
-      <path fill="#00c" d="M82.2 512.1l253.6-170.6H696V512H82.2z"/>
-      <path fill="red" d="M66 0h630v170.8H335.7S69.3-1.7 66 0z"/>
-      <path fill="#fc0" d="M-71.9 64v40.4L154 256-72 407.8v40.3l284.5-192L-72 64z"/>
-      <path fill="#093" d="M-71.9 64V0h95l301.2 204h371.8v104.2H324.3L23 512h-94.9v-63.9l284.4-192L-71.8 64z"/>
-      <path fill="#fff" d="M23 0h59.2l253.6 170.7H696V204H324.3L23 .1zm0 512.1h59.2l253.6-170.6H696v-33.2H324.3L23 512z"/>
-    </g>
-  </g>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
+   height="341.32599"
+   width="512"
+   sodipodi:docname="za.svg"
+   xml:space="preserve"
+   viewBox="0 0 512 341.32599"
+   y="0px"
+   x="0px"
+   id="Capa_1"
+   version="1.1"><metadata
+   id="metadata15476"><rdf:RDF><cc:Work
+       rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+         rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+   id="defs15474" /><sodipodi:namedview
+   inkscape:current-layer="Capa_1"
+   inkscape:window-maximized="0"
+   inkscape:window-y="0"
+   inkscape:window-x="0"
+   inkscape:cy="170.663"
+   inkscape:cx="256"
+   inkscape:zoom="1.6386719"
+   showgrid="false"
+   id="namedview15472"
+   inkscape:window-height="1020"
+   inkscape:window-width="1485"
+   inkscape:pageshadow="2"
+   inkscape:pageopacity="0"
+   guidetolerance="10"
+   gridtolerance="10"
+   objecttolerance="10"
+   borderopacity="1"
+   bordercolor="#666666"
+   pagecolor="#ffffff" />
+<rect
+   x="0"
+   id="rect15429"
+   height="341.32599"
+   width="512"
+   style="fill:#f0f0f0"
+   y="0" />
+<polygon
+   transform="translate(0,-85.336998)"
+   id="polygon15431"
+   points="0,370.096 114.024,256.001 0,141.926 " />
+<polygon
+   transform="translate(0,-85.336998)"
+   id="polygon15433"
+   points="0,141.926 114.024,256.001 0,370.096 0,417.234 161.192,256 0,94.7 "
+   style="fill:#ffda44" />
+<path
+   id="path15435"
+   d="m 509.833,204.054 v 0 c 0.058,-0.44 0.804,-0.878 2.167,-1.318 V 170.663 137.272 H 509.833 222.602 L 85.33,2.0141602e-6 H 0 V 9.363002 L 161.192,170.663 0,331.897 v 9.429 H 85.33 L 222.602,204.054 Z"
+   style="fill:#6da544" />
+<polygon
+   transform="translate(0,-85.336998)"
+   id="polygon15437"
+   points="132.552,426.663 512,426.663 512,322.783 503.181,322.783 236.433,322.783 "
+   style="fill:#0052b4" />
+<polygon
+   transform="translate(0,-85.336998)"
+   id="polygon15439"
+   points="512,85.337 132.552,85.337 236.433,189.217 503.181,189.217 512,189.217 "
+   style="fill:#d80027" />
+<g
+   transform="translate(0,-85.336998)"
+   id="g15441">
+</g>
+<g
+   transform="translate(0,-85.336998)"
+   id="g15443">
+</g>
+<g
+   transform="translate(0,-85.336998)"
+   id="g15445">
+</g>
+<g
+   transform="translate(0,-85.336998)"
+   id="g15447">
+</g>
+<g
+   transform="translate(0,-85.336998)"
+   id="g15449">
+</g>
+<g
+   transform="translate(0,-85.336998)"
+   id="g15451">
+</g>
+<g
+   transform="translate(0,-85.336998)"
+   id="g15453">
+</g>
+<g
+   transform="translate(0,-85.336998)"
+   id="g15455">
+</g>
+<g
+   transform="translate(0,-85.336998)"
+   id="g15457">
+</g>
+<g
+   transform="translate(0,-85.336998)"
+   id="g15459">
+</g>
+<g
+   transform="translate(0,-85.336998)"
+   id="g15461">
+</g>
+<g
+   transform="translate(0,-85.336998)"
+   id="g15463">
+</g>
+<g
+   transform="translate(0,-85.336998)"
+   id="g15465">
+</g>
+<g
+   transform="translate(0,-85.336998)"
+   id="g15467">
+</g>
+<g
+   transform="translate(0,-85.336998)"
+   id="g15469">
+</g>
 </svg>