use hero-icons, instead of styled-icons/heroicons

1 files changed, 3 insertions, 3 deletions

diff --git a/extension/react-app/src/components/Loader.tsx b/extension/react-app/src/components/Loader.tsx
index 90eff793..3bf10b1e 100644
--- a/extension/react-app/src/components/Loader.tsx
+++ b/extension/react-app/src/components/Loader.tsx
@@ -1,7 +1,7 @@
-import { Play } from "@styled-icons/heroicons-outline";
 import { useSelector } from "react-redux";
-import styled from "styled-components";
 import { RootStore } from "../redux/store";
+import styled from "styled-components";
+import { PlayIcon } from "@heroicons/react/24/outline";
 
 const DEFAULT_SIZE = "28px";
 
@@ -31,7 +31,7 @@ function Loader(props: { size?: string }) {
       {vscMediaUrl ? (
         <img src={`${vscMediaUrl}/play_button.png`} width="22px" />
       ) : (
-        <Play width={props.size || DEFAULT_SIZE} />
+        <PlayIcon width={props.size || DEFAULT_SIZE} />
       )}
     </FlashingDiv>
   );