docs: update README

README.md

@@ -2,7 +2,16 @@
 
 <p align="center">
   <a href="https://flow.niuiic.com" target="_blank" rel="noopener noreferrer">
-    <img width="220" height="220" style="border-radius: 50%" src="./docs/public/logo.jpeg" alt="Flow logo">
+  <svg fill="none" viewBox="0 0 300 300" width="300" height="300" xmlns="http://www.w3.org/2000/svg">
+    <foreignObject width="100%" height="100%">
+      <style>
+        #flow-logo {
+            border-radius: 50%;
+        }
+      </style>
+      <img id="flow-logo" width="280" height="220" src="./docs/public/logo.jpeg" alt="Flow logo">
+    </foreignObject>
+  </svg>
   </a>
 </p>
 
@@ -15,7 +24,7 @@
   <a href="https://github.com/niuiic/flow/tree/main/.github/workflows/coverage.yml"><img src="https://github.com/niuiic/flow/blob/coverage/badge-lines.svg" alt="test coverage"></a>
 </p>
 
-# Flow <img width="36" src="./docs/public/flow.svg"/>
+# Flow <img width="32" src="./docs/public/flow.svg"/>
 
 > Functional library for TypeScript/JavaScript.