defaultconstant
The flag of French Southern Territories (仏領極南諸島), TF, drawn again by hand at 4:3 by flag-icons 7.5.0 (MIT), as an SVG string: viewBox 640 by 480, 1018 B.
The drawing flag("TF", { 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/tf.4x3";Definition
const svg: string = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 480\"><defs><path id=\"hata-tf-4x3-a\" fill=\"#fff\" d=\"m0-21 12.3 38L-20-6.5h40L-12.3 17z\"/></defs><path fill=\"#002395\" d=\"M0 0h640v480H0z\"/><path fill=\"#fff\" d=\"M0 0h292.8v196.8H0z\"/><path fill=\"#002395\" d=\"M0 0h96v192H0z\"/><path fill=\"#ed2939\" d=\"M192 0h96v192h-96z\"/><path fill=\"#fff\" d=\"m426 219.6 15.4 24.6h44V330l-33-51.6-44.4 70.8h21.6l22.8-40.8 46.8 84 46.8-84 22.8 40.8h21.6L546 278.4 513 330v-47.4h19.8l14.7-23.4H513v-15h44l15.4-24.6zm51.6 105h-48v16.8h48zm91.2 0h-48v16.8h48z\"/><use width=\"100%\" height=\"100%\" x=\"416\" y=\"362\" href=\"#hata-tf-4x3-a\" transform=\"scale(1.2)\"/><use width=\"100%\" height=\"100%\" x=\"371\" y=\"328\" href=\"#hata-tf-4x3-a\" transform=\"scale(1.2)\"/><use width=\"100%\" height=\"100%\" x=\"461\" y=\"328\" href=\"#hata-tf-4x3-a\" transform=\"scale(1.2)\"/><use width=\"100%\" height=\"100%\" x=\"333\" y=\"227\" href=\"#hata-tf-4x3-a\" transform=\"scale(1.2)\"/><use width=\"100%\" height=\"100%\" x=\"499\" y=\"227\" href=\"#hata-tf-4x3-a\" transform=\"scale(1.2)\"/></svg>"Examples
Example 1
import square from "@johnmorrisdotca/hata/flags/tf.4x3";
const host=document.createElement("div");
host.innerHTML = square;
console.log(host.querySelector("svg")?.getAttribute("viewBox"));Example 2
import { svg } from "@johnmorrisdotca/hata/flags/tf.4x3";
console.log(svg.startsWith("<svg"),svg.length);true 1018What it prints (run when this page was built)