diff --git a/themes/beaver/layouts/page/index.html b/themes/beaver/layouts/page/index.html
index ae179d388..7e890a25b 100644
--- a/themes/beaver/layouts/page/index.html
+++ b/themes/beaver/layouts/page/index.html
@@ -444,7 +444,7 @@ <h2 class="fl-heading">
                                           <div class="fl-module-content fl-node-content">
                                              <div class="fl-photo fl-photo-align-center" itemscope itemtype="https://schema.org/ImageObject">
                                                 <div class="fl-photo-content fl-photo-img-png">
-                                                   <img loading="lazy" decoding="async" class="fl-photo-img wp-image-614 size-full" src="{{ absURL "wp-content/uploads/2022/09/rube-on-rails.png" }}" alt="Ruby on Rails" itemprop="image" height="112" width="130"  />
+                                                   {{ partial "svg" "technologies/ruby" }}
                                                 </div>
                                              </div>
                                           </div>
@@ -464,7 +464,7 @@ <h2 class="fl-heading">
                                           <div class="fl-module-content fl-node-content">
                                              <div class="fl-photo fl-photo-align-center" itemscope itemtype="https://schema.org/ImageObject">
                                                 <div class="fl-photo-content fl-photo-img-png">
-                                                   <img loading="lazy" decoding="async" class="fl-photo-img wp-image-612 size-full" src="{{ absURL "wp-content/uploads/2022/09/python.png" }}" alt="Python" itemprop="image" height="112" width="130"  />
+                                                   {{ partial "svg" "technologies/python" }}
                                                 </div>
                                              </div>
                                           </div>
@@ -484,7 +484,7 @@ <h2 class="fl-heading">
                                           <div class="fl-module-content fl-node-content">
                                              <div class="fl-photo fl-photo-align-center" itemscope itemtype="https://schema.org/ImageObject">
                                                 <div class="fl-photo-content fl-photo-img-png">
-                                                   <img loading="lazy" decoding="async" class="fl-photo-img wp-image-613 size-full" src="{{ absURL "wp-content/uploads/2022/09/react.png" }}" alt="React Js" itemprop="image" height="112" width="130"  />
+                                                   {{ partial "svg" "technologies/react" }}
                                                 </div>
                                              </div>
                                           </div>
@@ -504,7 +504,7 @@ <h2 class="fl-heading">
                                           <div class="fl-module-content fl-node-content">
                                              <div class="fl-photo fl-photo-align-center" itemscope itemtype="https://schema.org/ImageObject">
                                                 <div class="fl-photo-content fl-photo-img-png">
-                                                   <img loading="lazy" decoding="async" class="fl-photo-img wp-image-620 size-full" src="{{ absURL "wp-content/uploads/2022/09/vue.png" }}" alt="Vue Js" itemprop="image" height="112" width="130"  />
+                                                   {{ partial "svg" "technologies/vue" }}
                                                 </div>
                                              </div>
                                           </div>
@@ -540,7 +540,7 @@ <h2 class="fl-heading">
                                           <div class="fl-module-content fl-node-content">
                                              <div class="fl-photo fl-photo-align-center" itemscope itemtype="https://schema.org/ImageObject">
                                                 <div class="fl-photo-content fl-photo-img-png">
-                                                   <img loading="lazy" decoding="async" class="fl-photo-img wp-image-613 size-full" src="{{ absURL "wp-content/uploads/2022/09/react.png" }}" alt="React Js" itemprop="image" height="112" width="130"  />
+                                                   {{ partial "svg" "technologies/react" }}
                                                 </div>
                                              </div>
                                           </div>
@@ -560,7 +560,7 @@ <h2 class="fl-heading">
                                           <div class="fl-module-content fl-node-content">
                                              <div class="fl-photo fl-photo-align-center" itemscope itemtype="https://schema.org/ImageObject">
                                                 <div class="fl-photo-content fl-photo-img-png">
-                                                   <img loading="lazy" decoding="async" class="fl-photo-img wp-image-609 size-full" src="{{ absURL "wp-content/uploads/2022/09/node.png" }}" alt="Node Js" itemprop="image" height="112" width="130"  />
+                                                   {{ partial "svg" "technologies/node" }}
                                                 </div>
                                              </div>
                                           </div>
diff --git a/themes/beaver/static/img/icons/technologies/node.svg b/themes/beaver/static/img/icons/technologies/node.svg
new file mode 100644
index 000000000..857c10b2e
--- /dev/null
+++ b/themes/beaver/static/img/icons/technologies/node.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" aria-label="Node.js" viewBox="79 57 354 399">
+    <path fill="#539E43"
+          d="M247 281q3 0 4 2c2 3-2 27 34 30s57-2 60-18-4-21-60-27-56-33-56-42 0-49 68-49 70 40 71 47 0 9-4 9h-18q-4 0-5-5c-3-12-9-25-44-25s-39 11-39 22 11 13 47 18 65 9 69 39-16 58-71 58q-79 0-79-54 0-5 5-5m188-136q16 9 16 29v166q0 18-14 27l-146 85q-16 8-32 0l-49-29q-8-4-2-6 13-4 22-10 2-1 4 0l37 22q3 2 6 0l145-84q2-1 2-5V172q0-3-2-4L259 84q-3-2-6 0l-146 84q-2 1-2 4v169q0 3 2 4l40 23c16 9 35 3 35-15V188q0-6 6-6h16q6 0 6 6v165c0 49-45 55-77 37l-39-22q-15-9-15-27V172q0-18 16-27l142-82q19-12 38 0"/>
+</svg>
\ No newline at end of file
diff --git a/themes/beaver/static/img/icons/technologies/python.svg b/themes/beaver/static/img/icons/technologies/python.svg
new file mode 100644
index 000000000..097fff85c
--- /dev/null
+++ b/themes/beaver/static/img/icons/technologies/python.svg
@@ -0,0 +1,17 @@
+<svg viewBox="0 0 256 255" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMin meet">
+    <defs>
+        <linearGradient x1="12.959%" y1="12.039%" x2="79.639%" y2="78.201%" id="a">
+            <stop stop-color="#387EB8" offset="0%"/>
+            <stop stop-color="#366994" offset="100%"/>
+        </linearGradient>
+        <linearGradient x1="19.128%" y1="20.579%" x2="90.742%" y2="88.429%" id="b">
+            <stop stop-color="#FFE052" offset="0%"/>
+            <stop stop-color="#FFC331" offset="100%"/>
+        </linearGradient>
+    </defs>
+    <path d="M126.916.072c-64.832 0-60.784 28.115-60.784 28.115l.072 29.128h61.868v8.745H41.631S.145 61.355.145 126.77c0 65.417 36.21 63.097 36.21 63.097h21.61v-30.356s-1.165-36.21 35.632-36.21h61.362s34.475.557 34.475-33.319V33.97S194.67.072 126.916.072zM92.802 19.66a11.12 11.12 0 0 1 11.13 11.13 11.12 11.12 0 0 1-11.13 11.13 11.12 11.12 0 0 1-11.13-11.13 11.12 11.12 0 0 1 11.13-11.13z"
+          fill="url(#a)"/>
+    <path d="M128.757 254.126c64.832 0 60.784-28.115 60.784-28.115l-.072-29.127H127.6v-8.745h86.441s41.486 4.705 41.486-60.712c0-65.416-36.21-63.096-36.21-63.096h-21.61v30.355s1.165 36.21-35.632 36.21h-61.362s-34.475-.557-34.475 33.32v56.013s-5.235 33.897 62.518 33.897zm34.114-19.586a11.12 11.12 0 0 1-11.13-11.13 11.12 11.12 0 0 1 11.13-11.131 11.12 11.12 0 0 1 11.13 11.13 11.12 11.12 0 0 1-11.13 11.13z"
+          fill="url(#b)"/>
+</svg>
+
diff --git a/themes/beaver/static/img/icons/technologies/react.svg b/themes/beaver/static/img/icons/technologies/react.svg
new file mode 100644
index 000000000..1b90d9830
--- /dev/null
+++ b/themes/beaver/static/img/icons/technologies/react.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" aria-label="React" viewBox="64 91.31 384 342.89">
+    <circle cx="256" cy="256" r="36" fill="#61dafb"/>
+    <path stroke="#61dafb" stroke-width="18" fill="none"
+          d="M255.95 326.95a183 71 0 1 1 .1 0Zm-61.42-35.52a183 71 60 1 1 .05.09Zm122.89.09a71 183 30 1 1 .05-.09Z"/>
+</svg>
\ No newline at end of file
diff --git a/themes/beaver/static/img/icons/technologies/ruby.svg b/themes/beaver/static/img/icons/technologies/ruby.svg
new file mode 100644
index 000000000..2cc1120dd
--- /dev/null
+++ b/themes/beaver/static/img/icons/technologies/ruby.svg
@@ -0,0 +1,24 @@
+<svg fill="url(#a)" viewBox="59.392 70.656 388.096 384" role="img" aria-label="Ruby" xmlns="http://www.w3.org/2000/svg">
+    <linearGradient y2="1" x2=".2" id="a">
+        <stop stop-color="#fff" offset=".2"/>
+        <stop stop-color="#d53" offset=".4"/>
+        <stop stop-color="#b10" offset=".6"/>
+    </linearGradient>
+    <linearGradient y1="1" id="b">
+        <stop stop-color="#fff" offset="0"/>
+        <stop stop-color="#d32" offset=".1"/>
+        <stop stop-color="#800" offset=".2"/>
+        <stop stop-color="#d20" offset="1"/>
+    </linearGradient>
+    <path d="m154 430 257-17V248" fill="#810"/>
+    <path d="m411 413-164-13 81-61zl-22-152 41-100" fill="#b10"/>
+    <path d="m81 360q2 72 73 70c129-8 266-167 276-269q6-68-55-78l-54 30s-11 194-218 204" fill="#900"/>
+    <path d="m81 360 5-97 19 54"/>
+    <path d="m105 317 49 113 40-133"/>
+    <path d="m194 297 100-94 34 137"/>
+    <path d="m294 203 27-90 101 82"/>
+    <g fill="url(#b)">
+        <path d="m155 157a62 139 45 101-1.02"/>
+        <path d="m375 83h-96l42 30zl300-600"/>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/themes/beaver/static/img/icons/technologies/vue.svg b/themes/beaver/static/img/icons/technologies/vue.svg
new file mode 100644
index 000000000..8f83432f5
--- /dev/null
+++ b/themes/beaver/static/img/icons/technologies/vue.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" aria-label="Vue" viewBox="64 100 384 333">
+    <path fill="#42b883" d="M64 100h148l44 77 44-77h148L256 433"/>
+    <path fill="#35495e" d="M141 100h71l44 77 44-77h71L256 300"/>
+</svg>
\ No newline at end of file