Use fill="none" instead of fill="transparent" for logo SVG

src/icons/logo-white.svg

@@ -1,9 +1,9 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="-11.5 -10.23174 23 20.46348">
   <title>React Logo</title>
   <circle cx="0" cy="0" r="2.05" fill="#fff"/>
-  <g stroke="#fff" stroke-width="1" fill="transparent">
+  <g stroke="#fff" stroke-width="1" fill="none">
     <ellipse rx="11" ry="4.2"/>
     <ellipse rx="11" ry="4.2" transform="rotate(60)"/>
     <ellipse rx="11" ry="4.2" transform="rotate(120)"/>
   </g>
-</svg>
+</svg>

src/icons/logo.svg

@@ -1,9 +1,9 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="-11.5 -10.23174 23 20.46348">
   <title>React Logo</title>
   <circle cx="0" cy="0" r="2.05" fill="#61dafb"/>
-  <g stroke="#61dafb" stroke-width="1" fill="transparent">
+  <g stroke="#61dafb" stroke-width="1" fill="none">
     <ellipse rx="11" ry="4.2"/>
     <ellipse rx="11" ry="4.2" transform="rotate(60)"/>
     <ellipse rx="11" ry="4.2" transform="rotate(120)"/>
   </g>
-</svg>
+</svg>