diff --git a/doc-img/shield_map_world.svg b/doc-img/shield_map_world.svg
index 5de99353d..c11a1fe1d 100644
--- a/doc-img/shield_map_world.svg
+++ b/doc-img/shield_map_world.svg
@@ -155,6 +155,7 @@ See the end of this file for a list of available jurisdictions and their codes.
 .fr,
 .de,
 .gr,
+.hr,
 .is,
 .ie,
 .it,
@@ -2313,4 +2314,4 @@ If overlapping claims in Antarctica are configured to be shown at the same time,
 .aqclgb: portion claimed by Chile and the United Kingdom
 .aqarcl: portion claimed by Argentina, Chile and the United Kingdom -->
 
-</svg>
\ No newline at end of file
+</svg>
diff --git a/src/js/shield_defs.js b/src/js/shield_defs.js
index 71d31ddaa..3a4418ebd 100644
--- a/src/js/shield_defs.js
+++ b/src/js/shield_defs.js
@@ -3380,6 +3380,31 @@ export function loadShields() {
     34
   );
 
+  // Croatia
+  shields["HR:Autoceste"] = hexagonVerticalShield(
+    3,
+    Color.shields.green,
+    Color.shields.white,
+    Color.shields.white,
+    0,
+    34
+  );
+  shields["HR:Državne ceste"] = roundedRectShield(
+    Color.shields.blue,
+    Color.shields.white,
+    Color.shields.white
+  );
+  shields["HR:Županijske ceste"] = roundedRectShield(
+    Color.shields.yellow,
+    Color.shields.black,
+    Color.shields.black
+  );
+  shields["HR:Lokalne ceste"] = roundedRectShield(
+    Color.shields.white,
+    Color.shields.black,
+    Color.shields.black
+  );
+
   // Iceland
   shields["IS"] = roundedRectShield(
     Color.shields.white,