diff --git a/frontend/resources/images/icons/character-a.svg b/frontend/resources/images/icons/character-a.svg
new file mode 100644
index 0000000000..3a740083ae
--- /dev/null
+++ b/frontend/resources/images/icons/character-a.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" stroke-linecap="round" stroke-linejoin="round">
+    <path d="M4 13L5.33348 9.60702M11.8597 13L10.5264 9.60702M10.5264 9.60702L7.93011 3L5.33348 9.60702M10.5264 9.60702H5.33348"/>
+</svg>
diff --git a/frontend/resources/images/icons/character-b.svg b/frontend/resources/images/icons/character-b.svg
new file mode 100644
index 0000000000..39fe59dd58
--- /dev/null
+++ b/frontend/resources/images/icons/character-b.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" stroke-linecap="round" stroke-linejoin="round">
+    <path d="M5 7.99869H8.62494M5 7.99869V12.9974L9.14433 13C10.5247 13 11.6437 11.881 11.6437 10.5007C11.6437 9.57453 11.1399 8.76604 10.3915 8.33425C10.1503 8.1225 9.07914 7.99869 8.62494 7.99869M5 7.99869L5.00037 3H8.62531C9.07951 3 9.50541 3.12116 9.87246 3.33291C10.6209 3.7647 11.1246 4.57319 11.1246 5.49933C11.1246 6.87967 10.0053 7.99869 8.62494 7.99869"/>
+</svg>
diff --git a/frontend/resources/images/icons/character-c.svg b/frontend/resources/images/icons/character-c.svg
new file mode 100644
index 0000000000..73347384de
--- /dev/null
+++ b/frontend/resources/images/icons/character-c.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" stroke-linecap="round" stroke-linejoin="round">
+    <path d="M12 4.85704C11.175 3.72426 9.70088 3 8.28725 3C5.80196 3 4 5.23858 4 8C4 10.7614 5.80196 13 8.28725 13C9.70088 13 11.175 12.2757 12 11.143"/>
+</svg>
diff --git a/frontend/resources/images/icons/character-d.svg b/frontend/resources/images/icons/character-d.svg
new file mode 100644
index 0000000000..d585f275b4
--- /dev/null
+++ b/frontend/resources/images/icons/character-d.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" stroke-linecap="round" stroke-linejoin="round">
+    <path d="M5 3H6.7002C8.7002 3 11.7002 4.63551 11.7002 7.8257C11.7002 11.6595 8.7002 13 6.7002 13H5V3Z"/>
+</svg>
diff --git a/frontend/resources/images/icons/character-e.svg b/frontend/resources/images/icons/character-e.svg
new file mode 100644
index 0000000000..eb7ac88376
--- /dev/null
+++ b/frontend/resources/images/icons/character-e.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" stroke-linecap="round" stroke-linejoin="round">
+    <path d="M5 8.00134L9.50061 7.99869M5 8.00134V13H10.5721M5 8.00134L5.00037 3.00265L10.5721 3"/>
+</svg>
diff --git a/frontend/resources/images/icons/character-f.svg b/frontend/resources/images/icons/character-f.svg
new file mode 100644
index 0000000000..c6ddd2c4d2
--- /dev/null
+++ b/frontend/resources/images/icons/character-f.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" stroke-linecap="round" stroke-linejoin="round">
+    <path d="M5 13V8.00134M5 8.00134L9.50061 7.99869M5 8.00134L5.00037 3.00265L10.5721 3"/>
+</svg>
diff --git a/frontend/resources/images/icons/character-g.svg b/frontend/resources/images/icons/character-g.svg
new file mode 100644
index 0000000000..fd87e7fc08
--- /dev/null
+++ b/frontend/resources/images/icons/character-g.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" stroke-linecap="round" stroke-linejoin="round">
+    <path d="M12 4.85704C11.175 3.72426 9.70088 3 8.28725 3C5.80196 3 4 5.23858 4 8C4 10.7614 5.80196 13 8.28725 13C11.2515 13 12.5745 10.5027 12 8.01573L8.5 8"/>
+</svg>
diff --git a/frontend/resources/images/icons/character-h.svg b/frontend/resources/images/icons/character-h.svg
new file mode 100644
index 0000000000..082571f40d
--- /dev/null
+++ b/frontend/resources/images/icons/character-h.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" stroke-linecap="round" stroke-linejoin="round">
+    <path d="M4.5 13V8.00002M4.5 8.00002L11.1454 7.99737M4.5 8.00002L4.50037 3M11.1454 7.99737V3M11.1454 7.99737V13"/>
+</svg>
diff --git a/frontend/resources/images/icons/character-i.svg b/frontend/resources/images/icons/character-i.svg
new file mode 100644
index 0000000000..567b9f4715
--- /dev/null
+++ b/frontend/resources/images/icons/character-i.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" stroke-linecap="round" stroke-linejoin="round">
+    <path d="M8 13L8.00037 3"/>
+</svg>
diff --git a/frontend/resources/images/icons/character-j.svg b/frontend/resources/images/icons/character-j.svg
new file mode 100644
index 0000000000..b90b0bca69
--- /dev/null
+++ b/frontend/resources/images/icons/character-j.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" stroke-linecap="round" stroke-linejoin="round">
+    <path d="M5 10.3684C5 11.8218 6.05077 13 7.5 13C8.94923 13 10 11.8218 10 10.3684V7.73684V3"/>
+</svg>
diff --git a/frontend/resources/images/icons/character-k.svg b/frontend/resources/images/icons/character-k.svg
new file mode 100644
index 0000000000..dacc939178
--- /dev/null
+++ b/frontend/resources/images/icons/character-k.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" stroke-linecap="round" stroke-linejoin="round">
+    <path d="M5 13V9.18435M5.00037 3L5 9.18435M5 9.18435L7.22906 7.04074M11.4308 3L7.22906 7.04074M7.22906 7.04074L11.4308 13"/>
+</svg>
diff --git a/frontend/resources/images/icons/character-l.svg b/frontend/resources/images/icons/character-l.svg
new file mode 100644
index 0000000000..9b4f0b17d9
--- /dev/null
+++ b/frontend/resources/images/icons/character-l.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" stroke-linecap="round" stroke-linejoin="round">
+    <path d="M5 3V13H11.0703"/>
+</svg>
diff --git a/frontend/resources/images/icons/character-m.svg b/frontend/resources/images/icons/character-m.svg
new file mode 100644
index 0000000000..771d684a06
--- /dev/null
+++ b/frontend/resources/images/icons/character-m.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" stroke-linecap="round" stroke-linejoin="round">
+    <path d="M3.5 13V3L7.833 10.8573L12.166 3V13"/>
+</svg>
diff --git a/frontend/resources/images/icons/character-n.svg b/frontend/resources/images/icons/character-n.svg
new file mode 100644
index 0000000000..ec006c85a3
--- /dev/null
+++ b/frontend/resources/images/icons/character-n.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" stroke-linecap="round" stroke-linejoin="round">
+    <path d="M5 13V3L12 13V3"/>
+</svg>
diff --git a/frontend/resources/images/icons/character-ntilde.svg b/frontend/resources/images/icons/character-ntilde.svg
new file mode 100644
index 0000000000..fded9d9bad
--- /dev/null
+++ b/frontend/resources/images/icons/character-ntilde.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" stroke-linecap="round" stroke-linejoin="round">
+    <path d="M5 13V3L12 13V3M5.5 0.5H11.5"/>
+</svg>
diff --git a/frontend/resources/images/icons/character-o.svg b/frontend/resources/images/icons/character-o.svg
new file mode 100644
index 0000000000..3d01ad2f74
--- /dev/null
+++ b/frontend/resources/images/icons/character-o.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" stroke-linecap="round" stroke-linejoin="round">
+    <path d="M4 8C4 10.7614 5.80196 13 8.28725 13C10.7725 13 12.5745 10.7614 12.5745 8C12.5745 5.23858 10.7725 3 8.28725 3C5.80196 3 4 5.23858 4 8Z"/>
+</svg>
diff --git a/frontend/resources/images/icons/character-p.svg b/frontend/resources/images/icons/character-p.svg
new file mode 100644
index 0000000000..1e272df2c7
--- /dev/null
+++ b/frontend/resources/images/icons/character-p.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" stroke-linecap="round" stroke-linejoin="round">
+<path d="M5 13V8.00002M5 8.00002L5.00037 3H8.91411C10.2948 3 11.4141 4.11928 11.4141 5.49999C11.4141 6.8807 10.2944 8.00002 8.91374 8.00002H5Z"/>
+</svg>
diff --git a/frontend/resources/images/icons/character-q.svg b/frontend/resources/images/icons/character-q.svg
new file mode 100644
index 0000000000..6ead103bee
--- /dev/null
+++ b/frontend/resources/images/icons/character-q.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" stroke-linecap="round" stroke-linejoin="round">
+    <path d="M12.4211 13L9.78947 9.84211M8.21053 12.8211C5.76972 12.8211 4 10.6225 4 7.91053C4 5.19852 5.76972 3 8.21053 3C10.6513 3 12.4211 5.19852 12.4211 7.91053C12.4211 10.6225 10.6513 12.8211 8.21053 12.8211Z"/>
+</svg>
diff --git a/frontend/resources/images/icons/character-r.svg b/frontend/resources/images/icons/character-r.svg
new file mode 100644
index 0000000000..120e254e2f
--- /dev/null
+++ b/frontend/resources/images/icons/character-r.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" stroke-linecap="round" stroke-linejoin="round">
+    <path d="M5 13V8.00002M5 8.00002L5.00037 3H8.91411C9.36843 3 9.79444 3.12119 10.1616 3.333C10.9102 3.7649 11.4141 4.5736 11.4141 5.49999C11.4141 6.8807 10.2944 8.00002 8.91374 8.00002L8.21542 8.00002M5 8.00002L8.21542 8.00002M11.8328 13L8.21542 8.00002"/>
+</svg>
diff --git a/frontend/resources/images/icons/character-s.svg b/frontend/resources/images/icons/character-s.svg
new file mode 100644
index 0000000000..796a64e136
--- /dev/null
+++ b/frontend/resources/images/icons/character-s.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" stroke-linecap="round" stroke-linejoin="round">
+    <path d="M5 10.5027C5.56452 12.1104 7.20611 13 8.76916 13C10.5535 13 12 11.8218 12 10.3684C12 8.26316 8.76916 7.73684 8.76916 7.73684C8.76916 7.73684 5.86141 7.21053 5.86141 5.36842C5.86141 4.06038 7.16326 3 8.76916 3C10.0174 3 10.6452 3.53591 11.2097 4.07181"/>
+</svg>
diff --git a/frontend/resources/images/icons/character-t.svg b/frontend/resources/images/icons/character-t.svg
new file mode 100644
index 0000000000..1c8b6ba107
--- /dev/null
+++ b/frontend/resources/images/icons/character-t.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" stroke-linecap="round" stroke-linejoin="round">
+    <path d="M8.21542 13L8.21579 3M8.21579 3H12.4312M8.21579 3H4"/>
+</svg>
diff --git a/frontend/resources/images/icons/character-u.svg b/frontend/resources/images/icons/character-u.svg
new file mode 100644
index 0000000000..d07aef54e0
--- /dev/null
+++ b/frontend/resources/images/icons/character-u.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" stroke-linecap="round" stroke-linejoin="round">
+    <path d="M4 3V8.665C4 11.2414 5.68123 13.33 8 13.33C10.3188 13.33 12 11.2414 12 8.665V3"/>
+</svg>
diff --git a/frontend/resources/images/icons/character-v.svg b/frontend/resources/images/icons/character-v.svg
new file mode 100644
index 0000000000..d28b777f0a
--- /dev/null
+++ b/frontend/resources/images/icons/character-v.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" stroke-linecap="round" stroke-linejoin="round">
+    <path d="M4 3.00002L8.19086 13L12 3"/>
+</svg>
diff --git a/frontend/resources/images/icons/character-w.svg b/frontend/resources/images/icons/character-w.svg
new file mode 100644
index 0000000000..8ecae0bf5e
--- /dev/null
+++ b/frontend/resources/images/icons/character-w.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" stroke-linecap="round" stroke-linejoin="round">
+    <path d="M2 3L4.667 13L8 3L11.333 13L14 3"/>
+</svg>
diff --git a/frontend/resources/images/icons/character-x.svg b/frontend/resources/images/icons/character-x.svg
new file mode 100644
index 0000000000..2253d0d171
--- /dev/null
+++ b/frontend/resources/images/icons/character-x.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" stroke-linecap="round" stroke-linejoin="round">
+    <path d="M5 3L8.333 8M8.333 8L11.666 3M8.333 8L5 13M8.333 8L11.666 13"/>
+</svg>
diff --git a/frontend/resources/images/icons/character-y.svg b/frontend/resources/images/icons/character-y.svg
new file mode 100644
index 0000000000..add5b34b8b
--- /dev/null
+++ b/frontend/resources/images/icons/character-y.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" stroke-linecap="round" stroke-linejoin="round">
+    <path d="M5 3L8.5 8.71459M8.5 8.71459L12 3M8.5 8.71459V13"/>
+</svg>
diff --git a/frontend/resources/images/icons/character-z.svg b/frontend/resources/images/icons/character-z.svg
new file mode 100644
index 0000000000..4df568995b
--- /dev/null
+++ b/frontend/resources/images/icons/character-z.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" stroke-linecap="round" stroke-linejoin="round">
+    <path d="M5.16699 3H12L5 13H12"/>
+</svg>
diff --git a/frontend/src/app/main/ui/ds/foundations/icon.cljs b/frontend/src/app/main/ui/ds/foundations/icon.cljs
index 156c79744a..b36406f1f5 100644
--- a/frontend/src/app/main/ui/ds/foundations/icon.cljs
+++ b/frontend/src/app/main/ui/ds/foundations/icon.cljs
@@ -59,6 +59,33 @@
 (def ^:icon-id boolean-intersection "boolean-intersection")
 (def ^:icon-id boolean-union "boolean-union")
 (def ^:icon-id bug "bug")
+(def ^:icon-id character-a "character-a")
+(def ^:icon-id character-b "character-b")
+(def ^:icon-id character-c "character-c")
+(def ^:icon-id character-d "character-d")
+(def ^:icon-id character-e "character-e")
+(def ^:icon-id character-f "character-f")
+(def ^:icon-id character-g "character-g")
+(def ^:icon-id character-h "character-h")
+(def ^:icon-id character-i "character-i")
+(def ^:icon-id character-j "character-j")
+(def ^:icon-id character-k "character-k")
+(def ^:icon-id character-l "character-l")
+(def ^:icon-id character-m "character-m")
+(def ^:icon-id character-n "character-n")
+(def ^:icon-id character-ntilde "character-ntilde")
+(def ^:icon-id character-o "character-o")
+(def ^:icon-id character-p "character-p")
+(def ^:icon-id character-q "character-q")
+(def ^:icon-id character-r "character-r")
+(def ^:icon-id character-s "character-s")
+(def ^:icon-id character-t "character-t")
+(def ^:icon-id character-u "character-u")
+(def ^:icon-id character-v "character-v")
+(def ^:icon-id character-w "character-w")
+(def ^:icon-id character-x "character-x")
+(def ^:icon-id character-y "character-y")
+(def ^:icon-id character-z "character-z")
 (def ^:icon-id clip-content "clip-content")
 (def ^:icon-id clipboard "clipboard")
 (def ^:icon-id close-small "close-small")