Skip to the content

Hata旗

Load a native country or region flag, choose supported framing and keep each drawing’s source, author and licence.

Hata (旗) is Japanese for a flag. About the name

Contents

Reference · MN.1X1 flag SVG

svgconstant

The flag of Mongolia (モンゴル), MN, drawn again by hand at 1:1 by flag-icons 7.5.0 (MIT), as an SVG string: viewBox 512 by 512, 1.3 KB. The drawing flag("MN", { shape: "1:1" }) uses (and the round frame, in a circle), 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 { svg } from "@johnmorrisdotca/hata/flags/mn.1x1";

Definition

const svg: string = "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"#ffd900\" viewBox=\"0 0 512 512\"><path fill=\"#da2032\" d=\"M0 0h512v512H0Z\"/><path fill=\"#0066b3\" d=\"M170.7 0h170.6v512H170.7Z\"/><circle cx=\"85.3\" cy=\"196.6\" r=\"35\"/><circle cx=\"85.3\" cy=\"180.7\" r=\"38.2\" fill=\"#da2032\"/><circle cx=\"85.3\" cy=\"187\" r=\"25.5\"/><path d=\"M88 104.3a8 8 0 0 0-4.6 6.6c-.2 2.2.8 4.6.9 6.7 0 3.7-3.8 4.9-3.8 10.1 0 1.8 1.7 3.8 1.7 8.4-.3 2.5-1.7 3-3.2 3.2a3 3 0 0 1-3.2-3.2 3 3 0 0 1 .9-2.2l.3-.3c.7-.7 1.7-1 1.7-3 0-1-.6-1.8-1.2-3.6a7 7 0 0 1 1.2-6.2c-2.2.8-3.6 3-4.3 4.9-.7 2.3-.1 3.7-1.1 5.7-.6 1.2-1.4 1.7-2 2.8-.9 1.2-1.8 3.8-1.8 5.1a16 16 0 0 0 31.8 0c0-1.3-1-4-1.8-5.1-.7-1-1.5-1.6-2-2.8-1-2-.4-3.4-1.2-5.7-.7-2-2-4-4.3-5a7 7 0 0 1 1.3 6.3c-.7 1.8-1.3 2.7-1.3 3.7 0 1.9 1 2.2 1.7 3l.3.2a3 3 0 0 1 1 2.2 3 3 0 0 1-3.3 3.2q-2.7-.1-3.2-3.2c0-6.1 2.7-6.5 2.7-11 0-6.5-5.8-9.6-5.8-14.3 0-1.6.3-4.3 2.6-6.5M15.3 237.9h31.9v152.8H15.3Zm108.2 0h31.8v152.8h-31.8zm-70 0h63.7L85.3 257Zm0 25.5h63.7V276H53.5Zm0 89h63.7v12.8H53.5Zm0 19.2h63.7l-31.9 19Z\"/><circle cx=\"85.3\" cy=\"314.3\" r=\"31.8\"/><g fill=\"#da2032\" transform=\"translate(-42 66.1)scale(.63636)\"><circle cx=\"200\" cy=\"363.5\" r=\"10\"/><circle cx=\"200\" cy=\"416.5\" r=\"10\"/><path d=\"M200 334a29.5 29.5 0 0 1 0 59 23.5 23.5 0 0 0 0 47v6a29.5 29.5 0 0 1 0-59 23.5 23.5 0 0 0 0-47z\"/></g></svg>"

Examples

Example 1

import square from "@johnmorrisdotca/hata/flags/mn.1x1";

const host=document.createElement("div");
host.innerHTML = square;
console.log(host.querySelector("svg")?.getAttribute("viewBox"));

Example 2

import { svg } from "@johnmorrisdotca/hata/flags/mn.1x1";
console.log(svg.startsWith("<svg"),svg.length);
true 1307

What it prints (run when this page was built)

View sourceEdit on GitHubMade from the source of @johnmorrisdotca/hata 1.6.0.