change icon set

src/components/App/index.tsx

@@ -10,7 +10,7 @@ import { useMobile } from "src/hooks/useMobile"
 import { Navigation } from "@/components/Navigation"
 import { Box } from "@/ui/Box"
 import { Button } from "@/ui/Button"
-import { EyeClosedIcon, EyeOpenIcon } from "@radix-ui/react-icons"
+import { HiOutlineEye, HiOutlineEyeOff } from "react-icons/hi"
 import { useTheme } from "@/ui/theme/useTheme"
 import { Copyright } from "../Copyright"
 import { Spacer } from "../Spacer"
@@ -82,9 +82,9 @@ export const App: React.FC<AppProps> = ({ showAuthor = false, menu, ...props })
                                     setTheme(theme === "default" ? "contrast" : "default")
                                 }}>
                                     {theme === "default" ? (
-                                        <EyeOpenIcon width={24} height={24} />
+                                        <HiOutlineEyeOff size={24} />
                                     ) : (
-                                        <EyeClosedIcon width={24} height={24} />
+                                        <HiOutlineEye size={24} />
                                     )}
                                 </Button>
                             </Panel>

src/components/FIleCard/Signature.tsx

@@ -1,7 +1,7 @@
 import s from "./signature.module.css"
 
 import { Sign } from "@/types"
-import { FiShield } from "react-icons/fi"
+import { HiOutlineShieldCheck } from "react-icons/hi"
 
 import * as Tooltip from "@radix-ui/react-tooltip"
 
@@ -20,7 +20,7 @@ export const Signature: React.FC<SignatureProps> = props => {
         <Tooltip.Provider>
             <Tooltip.Root>
                 <Tooltip.Trigger className={s.tooltipTrigger}>
-                    <FiShield className={s.secure} size={20} />
+                    <HiOutlineShieldCheck className={s.secure} size={20} />
                 </Tooltip.Trigger>
 
                 <Tooltip.Portal>

src/components/MenuToggle/index.tsx

@@ -1,5 +1,5 @@
 import { Button, ButtonProps } from "@/ui/Button"
-import { HamburgerMenuIcon, Cross1Icon } from "@radix-ui/react-icons"
+import { HiOutlineMenuAlt4, HiOutlineX } from "react-icons/hi"
 
 export type MenuToggleProps = Omit<ButtonProps, "theme"> & {
     open: boolean
@@ -7,9 +7,9 @@ export type MenuToggleProps = Omit<ButtonProps, "theme"> & {
 
 export const MenuToggle: React.FC<MenuToggleProps> = ({ open, ...props }) => {
     const icon = open ? (
-        <Cross1Icon width={24} height={24} />
+        <HiOutlineX size={24} />
     ) : (
-        <HamburgerMenuIcon width={24} height={24} />
+        <HiOutlineMenuAlt4 size={24} />
     )
     return (
         <Button

src/components/Navigation/index.tsx

@@ -7,8 +7,6 @@ import { ConfigContext } from "src/context/ConfigContext"
 import { Box } from "@/ui/Box"
 import { Spacer } from "../Spacer"
 import { useToggle } from "react-use"
-import { Button } from "@/ui/Button"
-import { EyeOpenIcon } from "@radix-ui/react-icons"
 import { HudozkaLogo } from "../HudozkaLogo"
 import { useDarkTheme } from "@/hooks/useDarkTheme"
 import { HudozkaTitle } from "../HudozkaTitle"