provide fallback if css fails so they size as their surrounding text

src/_includes/svg/github.svg

@@ -1,5 +1,10 @@
-<svg width="24" height="24" fill="currentColor" stroke-width="2" class="ai ai-GithubFill">
-  <title>Link to the github repository of this page</title>
+<svg
+  width="1em"
+  height="1em"
+  fill="currentColor"
+  stroke-width="2"
+  class="ai ai-GithubFill"
+>
   <path
     fill-rule="evenodd"
     clip-rule="evenodd"

src/_includes/svg/heart.svg

@@ -1,12 +1,11 @@
 <svg
-  width="24"
-  height="24"
+  width="1em"
+  height="1em"
   fill="none"
   stroke="currentColor"
   stroke-width="2"
   stroke-linecap="round"
   stroke-linejoin="round"
-  class="ai ai-Heart"
 >
   <path
     d="M7 3C4.239 3 2 5.216 2 7.95c0 2.207.875 7.445 9.488 12.74a.985.985 0 0 0 1.024 0C21.125 15.395 22 10.157 22 7.95 22 5.216 19.761 3 17 3s-5 3-5 3-2.239-3-5-3z"

src/_includes/svg/icn-external.svg

@@ -1,5 +1,10 @@
-<svg class="w-6 h-6" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <title>indicates an external link</title>
+<svg
+  width="1em"
+  height="1em"
+  viewBox="0 0 24 24"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
   <path
     d="M5.63605 18.364L18.364 5.63603M18.364 5.63603L8.46446 5.63604M18.364 5.63603V15.5355"
     stroke="#888"

src/_includes/svg/linkedin.svg

@@ -1,11 +1,4 @@
-<svg
-  width="24"
-  height="24"
-  fill="currentColor"
-  stroke-width="2"
-  class="ai ai-LinkedInV1Fill"
->
-  <title>Link my linkedin-profile</title>
+<svg width="1em" height="1em" fill="currentColor" stroke-width="2">
   <path
     fill-rule="evenodd"
     clip-rule="evenodd"

src/_includes/svg/star.svg

@@ -1,9 +1,11 @@
 <svg
   xmlns="http://www.w3.org/2000/svg"
   viewBox="0 0 24 24"
-  width="24"
-  height="24"
+  width="1em"
+  height="1em"
   fill="currentColor"
+  aria-hidden="true"
+  focusable="false"
 >
   <path
     fill-rule="evenodd"