most done, outside the blog

src/components/icons/LinkedIn.tsx

@@ -0,0 +1,26 @@
+import { Component } from "solid-js";
+
+const LinkedIn: Component<{
+  height: string | number;
+  width: string | number;
+  fill?: string;
+  stroke?: string;
+}> = (props) => {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 448 512"
+      height={props.height}
+      width={props.width}
+      fill={props.fill || ""}
+      class={props.fill ? "" : "fill-[#0077B5]"}
+    >
+      <path
+        stroke={props.stroke}
+        d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"
+      />
+    </svg>
+  );
+};
+
+export default LinkedIn;