defaultconstant
The flag of Åland Islands (オーランド諸島), AX, drawn again by hand at 4:3 by flag-icons 7.5.0 (MIT), as an SVG string: viewBox 640 by 480, 447 B.
The drawing flag("AX", { shape: "4:3" }) uses, made for that shape by hand rather than cut from the flag. The /manifest entry's framings say how each frame was chosen.
Import it
import value from "@johnmorrisdotca/hata/flags/ax.4x3";
Definition
const svg: string = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 480\"><defs><clipPath id=\"hata-ax-4x3-a\"><path d=\"M106 0h1134v850H106z\"/></clipPath></defs><g clip-path=\"url(#hata-ax-4x3-a)\" transform=\"matrix(.56472 0 0 .56482 -60 -.1)\"><path fill=\"#0053a5\" d=\"M0 0h1300v850H0z\"/><g fill=\"#ffce00\"><path d=\"M400 0h250v850H400z\"/><path d=\"M0 300h1300v250H0z\"/></g><g fill=\"#d21034\"><path d=\"M475 0h100v850H475z\"/><path d=\"M0 375h1300v100H0z\"/></g></g></svg>"
Examples
Example 1
import square from "@johnmorrisdotca/hata/flags/ax.4x3";
const host=document.createElement("div");
host.innerHTML = square;
console.log(host.querySelector("svg")?.getAttribute("viewBox"));Example 2
import { svg } from "@johnmorrisdotca/hata/flags/ax.4x3";
console.log(svg.startsWith("<svg"),svg.length);true 447What it prints (run when this page was built)