1

src/components/bs-icons/office/Word.svg

@@ -0,0 +1,6 @@
+<svg t="1712722099816" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
+    p-id="10708" width="28" height="28">
+    <path
+        d="M558.501954 753.91623v-94.292861l-8.106626-136.105987H490.662293l-54.61306 136.105987c-11.519942 30.719846-23.039885 62.719686-34.133163 94.292861l4.69331-94.292861 5.119975-135.679322H336.636397v298.665173H426.662613l49.066422-127.99936c8.533291-22.61322 16.213252-46.933099 23.893214-69.546319v69.546319l3.83998 127.99936H597.328427l104.106146-298.665173H631.461589l-42.666453 135.679322c-8.959955 30.719846-18.773239 61.866357-27.733195 94.292861z m264.532011 197.972344H200.103746V72.106306H511.99552v239.785468A72.959635 72.959635 0 0 0 584.101826 383.99808h238.932139zM582.821833 110.506114l200.958995 201.812324h-200.958995z m291.83854 191.145711L597.328427 21.333227a76.799616 76.799616 0 0 0-14.506594-11.519943l-4.266646-2.133322h-2.986652A71.679642 71.679642 0 0 0 546.128683 0H200.957075A72.959635 72.959635 0 0 0 127.99744 72.106306v879.782268A72.959635 72.959635 0 0 0 200.957075 1023.99488h622.930219A71.252977 71.252977 0 0 0 895.9936 951.888574V352.424905a71.252977 71.252977 0 0 0-21.333227-50.77308z"
+        fill="currentColor" p-id="10709"></path>
+</svg>

src/components/bs-icons/office/index.tsx

@@ -0,0 +1,10 @@
+import React, { forwardRef } from "react";
+import { ReactComponent as Word } from "./Word.svg";
+
+export const WordIcon = forwardRef<
+    SVGSVGElement & { className: any },
+    React.PropsWithChildren<{ className?: string }>
+>(({ className, ...props }, ref) => {
+    const _className = 'transition text-gray-950 ' + (className || '')
+    return <Word ref={ref} {...props} className={_className} />;
+});