diff --git a/style/icons/shield40_hk.svg b/style/icons/shield40_hk.svg
new file mode 100644
index 000000000..0b66e5a0f
--- /dev/null
+++ b/style/icons/shield40_hk.svg
@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="20"
+   height="20"
+   version="1.0"
+   id="svg830"
+   sodipodi:docname="shield40_hk.svg"
+   inkscape:version="1.1.1 (c3084ef, 2021-09-22)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs834" />
+  <sodipodi:namedview
+     id="namedview832"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="true"
+     inkscape:zoom="31.35"
+     inkscape:cx="9.3779904"
+     inkscape:cy="10"
+     inkscape:window-width="1393"
+     inkscape:window-height="855"
+     inkscape:window-x="0"
+     inkscape:window-y="23"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg830">
+    <inkscape:grid
+       type="xygrid"
+       id="grid1182" />
+  </sodipodi:namedview>
+  <path
+     fill="#f7b146"
+     d="M 0.5,0.5002934 V 8.0617066 C 1.2865429,17.52555 9.9996353,19.5 9.9996353,19.5 c 0,0 8.7031957,-1.974743 9.4893297,-11.4385868 L 19.5,0.5 Z"
+     id="path916"
+     style="stroke:#000000;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;fill:#ffcd00"
+     sodipodi:nodetypes="cccccc" />
+</svg>
diff --git a/style/js/shield_defs.js b/style/js/shield_defs.js
index 98e384761..ab7b51c7e 100644
--- a/style/js/shield_defs.js
+++ b/style/js/shield_defs.js
@@ -689,6 +689,18 @@ export function loadShields(shieldImages) {
     };
   });
 
+  shields["HK"] = {
+    backgroundImage: shieldImages.shield40_hk,
+    textLayoutConstraint: ShieldText.southHalfellipseTextConstraint,
+    textColor: "black",
+    padding: {
+      left: 1,
+      right: 1,
+      top: 1,
+      bottom: 12,
+    },
+  };
+
   // Europe
   shields["e-road"] = {
     backgroundImage: [