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 · BI.4X3 flag SVG

defaultconstant

The flag of Burundi (ブルンジ), BI, drawn again by hand at 4:3 by flag-icons 7.5.0 (MIT), as an SVG string: viewBox 640 by 480, 1016 B. The drawing flag("BI", { 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/bi.4x3";

Definition

const svg: string = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 480\"><defs><clipPath id=\"hata-bi-4x3-a\"><path fill-opacity=\".7\" d=\"M-90.5 0H592v512H-90.5z\"/></clipPath></defs><g fill-rule=\"evenodd\" clip-path=\"url(#hata-bi-4x3-a)\" transform=\"translate(84.9)scale(.9375)\"><path fill=\"#18b637\" d=\"m-178 0 428.8 256L-178 512zm857.6 0L250.8 256l428.8 256z\"/><path fill=\"#cf0921\" d=\"m-178 0 428.8 256L679.6 0zm0 512 428.8-256 428.8 256z\"/><path fill=\"#fff\" d=\"M679.6 0h-79.9L-178 464.3V512h79.9L679.6 47.7z\"/><path fill=\"#fff\" d=\"M398.9 256a148 148 0 1 1-296.1 0 148 148 0 0 1 296 0z\"/><path fill=\"#fff\" d=\"M-178 0v47.7L599.7 512h79.9v-47.7L-98.1 0z\"/><path fill=\"#cf0921\" stroke=\"#18b637\" stroke-width=\"3.9\" d=\"m280 200.2-19.3.3-10 16.4-9.9-16.4-19.2-.4 9.3-16.9-9.2-16.8 19.2-.4 10-16.4 9.9 16.5 19.2.4-9.3 16.8zm-64.6 111.6-19.2.3-10 16.4-9.9-16.4-19.2-.4 9.3-16.9-9.2-16.8 19.2-.4 10-16.4 9.9 16.5 19.2.4-9.3 16.8zm130.6 0-19.2.3-10 16.4-10-16.4-19.1-.4 9.3-16.9-9.3-16.8 19.2-.4 10-16.4 10 16.5 19.2.4-9.4 16.8z\"/></g></svg>"

Examples

Example 1

import square from "@johnmorrisdotca/hata/flags/bi.4x3";

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

Example 2

import { svg } from "@johnmorrisdotca/hata/flags/bi.4x3";
console.log(svg.startsWith("<svg"),svg.length);
true 1016

What it prints (run when this page was built)

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