diff --git a/icons/steam-locomotive.svg b/icons/steam-locomotive.svg
new file mode 100644
index 0000000..0f95076
--- /dev/null
+++ b/icons/steam-locomotive.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="48"
+   height="48"
+   viewBox="0 0 48 48"
+   fill="none"
+   version="1.1"
+   id="svg1"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1" />
+  <path
+     fill-rule="evenodd"
+     clip-rule="evenodd"
+     d="m 32.789566,14.396863 h -0.800142 v 4.800856 H 19.187142 V 14.408065 H 18.387 L 7.1850037,14.398464 H 6.3848611 V 32 h 3.6278469 c 1.230342,2.137515 4.314645,2.137515 5.544988,0 h 4.056723 c 1.230342,2.137515 4.314645,2.137515 5.544988,0 h 4.058323 c 1.231579,2.135374 4.313408,2.135374 5.544988,0 h 6.852421 l -0.491288,-1.1202 -2.731686,-6.234711 -0.0032,-4.647228 V 19.197719 H 36.78868 v -4.800856 h -4.000713 z m 2.400428,16.002852 h 3.976709 L 37.067128,25.610061 H 7.9851463 v 4.789654 h 1.6002852 c 0,-4.267426 6.4011405,-4.267426 6.4011405,0 h 3.20057 c 0,-4.267426 6.401141,-4.267426 6.401141,0 h 3.20057 c 0,-4.267426 6.401141,-4.267426 6.401141,0 z m 1.600285,-6.389939 H 7.9851463 v -8.011027 l 9.6017107,0.0096 v 4.789654 h 19.203422 z m -1.600285,-4.812057 v -3.200571 h -1.600285 v 3.200571 z M 20.787428,30.401315 c -0.0718,-2.201074 3.266366,-2.204413 3.19897,-0.0032 -0.06326,2.066345 -3.13157,2.069415 -3.19897,0.0032 z M 12.786002,28.80103 c -2.228986,-0.10197 -2.232387,3.294877 -0.0032,3.19737 2.038365,-0.09019 2.039874,-3.105131 0.0016,-3.19737 z m 17.603136,1.600285 c 0,-2.133713 3.200571,-2.133713 3.200571,0 0,2.133713 -3.200571,2.133713 -3.200571,0 z"
+     fill="#000000"
+     id="path1"
+     style="stroke-width:1.60029" />
+</svg>
diff --git a/index.css b/index.css
index 01e1cb8..20adfd1 100644
--- a/index.css
+++ b/index.css
@@ -212,6 +212,36 @@ body {
 	-webkit-background-clip: text;
 	-webkit-text-fill-color: transparent;
 }
+.waggon.class-loc .class {
+	background-color: var(--fg);
+	mask-image: url("./icons/steam-locomotive.svg");
+	-webkit-mask-image: url("./icons/steam-locomotive.svg");
+	mask-size: contain;
+	-webkit-mask-size: contain;
+	mask-repeat: no-repeat;
+	-webkit-mask-repeat: no-repeat;
+	mask-position: center;
+	-webkit-mask-position: center;
+	width: 100%;
+	height: 100%;
+}
+.waggon.form-start_links.class-loc .class {
+	transform: scaleX(-1);
+}
+
+.waggon.class-familie .class {
+	background-color: var(--fg);
+	mask-image: url("./icons/sa-fa.svg");
+	-webkit-mask-image: url("./icons/sa-fa.svg");
+	mask-size: contain;
+	-webkit-mask-size: contain;
+	mask-repeat: no-repeat;
+	-webkit-mask-repeat: no-repeat;
+	mask-position: center;
+	-webkit-mask-position: center;
+	width: 100%;
+	height: 1em;
+}
 
 .waggon .services {
 	display: none;