diff --git a/public/icons/MAC.png b/public/icons/MAC.png
deleted file mode 100644
index 891ef1df..00000000
Binary files a/public/icons/MAC.png and /dev/null differ
diff --git a/public/icons/MAC.svg b/public/icons/MAC.svg
new file mode 100644
index 00000000..48a70ea3
--- /dev/null
+++ b/public/icons/MAC.svg
@@ -0,0 +1,10 @@
+<svg width="92" height="112" viewBox="0 0 92 112" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Apple_logo_black" clip-path="url(#clip0_2621_21529)">
+<path id="Vector" d="M88.2672 38.1808C87.6176 38.6848 76.1488 45.1472 76.1488 59.5168C76.1488 76.1376 90.7424 82.0176 91.1792 82.1632C91.112 82.5216 88.8608 90.216 83.4848 98.056C78.6912 104.955 73.6848 111.843 66.0688 111.843C58.4528 111.843 56.4928 107.419 47.7008 107.419C39.1328 107.419 36.0864 111.989 29.12 111.989C22.1536 111.989 17.2928 105.605 11.704 97.7648C5.2304 88.5584 0 74.256 0 60.6816C0 38.9088 14.1568 27.3616 28.0896 27.3616C35.4928 27.3616 41.664 32.2224 46.312 32.2224C50.736 32.2224 57.6352 27.0704 66.0576 27.0704C69.2496 27.0704 80.7184 27.3616 88.2672 38.1808ZM62.0592 17.8528C65.5424 13.72 68.0064 7.9856 68.0064 2.2512C68.0064 1.456 67.9392 0.6496 67.7936 0C62.1264 0.2128 55.384 3.7744 51.3184 8.4896C48.1264 12.1184 45.1472 17.8528 45.1472 23.6656C45.1472 24.5392 45.2928 25.4128 45.36 25.6928C45.7184 25.76 46.3008 25.8384 46.8832 25.8384C51.968 25.8384 58.3632 22.4336 62.0592 17.8528Z" fill="black"/>
+</g>
+<defs>
+<clipPath id="clip0_2621_21529">
+<rect width="91.168" height="112" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/pages/ValidatorOnboarding/ValidatorSetup/ValidatorInstalling/OsCard.stories.ts b/src/pages/ValidatorOnboarding/ValidatorSetup/ValidatorInstalling/OsCard.stories.ts
index 27e67222..c592d3ea 100644
--- a/src/pages/ValidatorOnboarding/ValidatorSetup/ValidatorInstalling/OsCard.stories.ts
+++ b/src/pages/ValidatorOnboarding/ValidatorSetup/ValidatorInstalling/OsCard.stories.ts
@@ -13,7 +13,7 @@ type Story = StoryObj<typeof meta>
 
 export const Default: Story = {
   args: {
-    icon: '/icons/MAC.png',
+    icon: '/icons/MAC.svg',
     name: 'Mac',
     isSelected: true,
   },
diff --git a/src/pages/ValidatorOnboarding/ValidatorSetup/ValidatorInstalling/ValidatorInstall.tsx b/src/pages/ValidatorOnboarding/ValidatorSetup/ValidatorInstalling/ValidatorInstall.tsx
index 74e0bb65..9b3577d2 100644
--- a/src/pages/ValidatorOnboarding/ValidatorSetup/ValidatorInstalling/ValidatorInstall.tsx
+++ b/src/pages/ValidatorOnboarding/ValidatorSetup/ValidatorInstalling/ValidatorInstall.tsx
@@ -61,7 +61,7 @@ const ValidatorSetupInstall = () => {
 
               <XStack justifyContent={'space-between'} my={'15px'}>
                 <OsCard
-                  icon="/icons/MAC.png"
+                  icon="/icons/MAC.svg"
                   name="MacOS"
                   isSelected={selectedOs === 'Mac'}
                   onClick={() => setSelectedOs('Mac')}