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 · KE.1X1 flag SVG

defaultconstant

The flag of Kenya (ケニア), KE, drawn again by hand at 1:1 by flag-icons 7.5.0 (MIT), as an SVG string: viewBox 512 by 512, 1.4 KB. The drawing flag("KE", { 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 value from "@johnmorrisdotca/hata/flags/ke.1x1";

Definition

const svg: string = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><defs><path id=\"hata-ke-1x1-a\" stroke-miterlimit=\"10\" d=\"m-28.6 47.5 1.8 1 46.7-81c2.7-.6 4.2-3.2 5.7-5.8 1-1.8 5-8.7 6.7-17.7a58 58 0 0 0-11.9 14.7c-1.5 2.6-3 5.2-2.3 7.9z\"/></defs><path fill=\"#fff\" d=\"M0 0h512v512H0z\"/><path fill=\"#000001\" d=\"M0 0h512v153.6H0z\"/><path fill=\"#060\" d=\"M0 358.4h512V512H0z\"/><g id=\"hata-ke-1x1-b\" transform=\"matrix(3.2 0 0 3.2 255.8 256)\"><use width=\"100%\" height=\"100%\" stroke=\"#000\" href=\"#hata-ke-1x1-a\"/><use width=\"100%\" height=\"100%\" fill=\"#fff\" href=\"#hata-ke-1x1-a\"/></g><use width=\"100%\" height=\"100%\" href=\"#hata-ke-1x1-b\" transform=\"matrix(-1 0 0 1 511.7 0)\"/><path fill=\"#b00\" d=\"M255.8 102.4c-19.2 0-51.2 51.2-60.8 76.8H0v153.6h195c9.7 25.6 41.7 76.8 60.9 76.8s51.2-51.2 60.8-76.8H512V179.2H316.6c-9.6-25.6-41.6-76.8-60.8-76.8\"/><path id=\"hata-ke-1x1-c\" d=\"M316.6 332.8a220 220 0 0 0 16-76.8 220 220 0 0 0-16-76.8 220 220 0 0 0-16 76.8 220 220 0 0 0 16 76.8\"/><use width=\"100%\" height=\"100%\" href=\"#hata-ke-1x1-c\" transform=\"matrix(-1 0 0 1 511.7 0)\"/><g fill=\"#fff\" transform=\"matrix(3.2 0 0 3.2 255.8 256)\"><ellipse rx=\"4\" ry=\"6\"/><path id=\"hata-ke-1x1-d\" d=\"M1 5.8s4 8 4 21-4 21-4 21z\"/><use width=\"100%\" height=\"100%\" href=\"#hata-ke-1x1-d\" transform=\"scale(-1)\"/><use width=\"100%\" height=\"100%\" href=\"#hata-ke-1x1-d\" transform=\"scale(-1 1)\"/><use width=\"100%\" height=\"100%\" href=\"#hata-ke-1x1-d\" transform=\"scale(1 -1)\"/></g></svg>"

Examples

Example 1

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

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

Example 2

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

What it prints (run when this page was built)

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