From d7285bf23a240b548f3f1e5dc893b2717865296b Mon Sep 17 00:00:00 2001 From: James Pine Date: Sat, 18 Apr 2026 23:12:56 -0700 Subject: [PATCH] fix(landing): use official platform brand icons via simple-icons MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The hand-rolled Linux SVG path wasn't actually Tux — it was a symmetric placeholder shape. Apple/Windows were close but not canonical either. - Apple + Linux: pulled from @icons-pack/react-simple-icons (SiApple, SiLinux). - Windows: simple-icons drops the Microsoft mark over trademark policy, so the Windows 11 flag is inlined from Microsoft's public brand guidance. Co-Authored-By: Claude Opus 4.7 (1M context) --- bun.lock | 11 +++++--- landing/package.json | 1 + landing/src/components/PlatformIcons.tsx | 33 +++++++++++++----------- 3 files changed, 26 insertions(+), 19 deletions(-) diff --git a/bun.lock b/bun.lock index d6b63ee8..a6f353a2 100644 --- a/bun.lock +++ b/bun.lock @@ -17,7 +17,7 @@ }, "app": { "name": "@voicebox/app", - "version": "0.2.0", + "version": "0.4.1", "dependencies": { "@dnd-kit/core": "^6.3.1", "@dnd-kit/sortable": "^10.0.0", @@ -72,9 +72,10 @@ }, "landing": { "name": "@voicebox/landing", - "version": "0.2.0", + "version": "0.4.1", "dependencies": { "@fontsource/space-grotesk": "^5.2.10", + "@icons-pack/react-simple-icons": "^13.13.0", "@radix-ui/react-separator": "^1.1.8", "@radix-ui/react-slot": "^1.2.4", "autoprefixer": "^10.4.17", @@ -100,7 +101,7 @@ }, "tauri": { "name": "@voicebox/tauri", - "version": "0.2.0", + "version": "0.4.1", "dependencies": { "@tauri-apps/api": "^2.0.0", "@tauri-apps/plugin-dialog": "^2.0.0", @@ -123,7 +124,7 @@ }, "web": { "name": "@voicebox/web", - "version": "0.2.0", + "version": "0.4.1", "dependencies": { "@tanstack/react-query": "^5.0.0", "react": "^18.3.0", @@ -287,6 +288,8 @@ "@humanwhocodes/object-schema": ["@humanwhocodes/object-schema@2.0.3", "", {}, "sha512-93zYdMES/c1D69yZiKDBj0V24vqNzB/koF26KPaagAfd3P/4gUlh3Dys5ogAK+Exi9QyzlD8x/08Zt7wIKcDcA=="], + "@icons-pack/react-simple-icons": ["@icons-pack/react-simple-icons@13.13.0", "", { "peerDependencies": { "react": "^16.13 || ^17 || ^18 || ^19" } }, "sha512-B5HhQMIpcSH4z8IZ8HFhD59CboHceKYMpPC9kAwGyKntvPdyJJv26DLu4Z1wAjcCLyrJhf11tMhiQGom9Rxb9g=="], + "@img/colour": ["@img/colour@1.0.0", "", {}, "sha512-A5P/LfWGFSl6nsckYtjw9da+19jB8hkJ6ACTGcDfEJ0aE+l2n2El7dsVM7UVHZQ9s2lmYMWlrS21YLy2IR1LUw=="], "@img/sharp-darwin-arm64": ["@img/sharp-darwin-arm64@0.34.5", "", { "optionalDependencies": { "@img/sharp-libvips-darwin-arm64": "1.2.4" }, "os": "darwin", "cpu": "arm64" }, "sha512-imtQ3WMJXbMY4fxb/Ndp6HBTNVtWCUI0WdobyheGf5+ad6xX8VIDO8u2xE4qc/fr08CKG/7dDseFtn6M6g/r3w=="], diff --git a/landing/package.json b/landing/package.json index 372c8d97..218daf2c 100644 --- a/landing/package.json +++ b/landing/package.json @@ -10,6 +10,7 @@ }, "dependencies": { "@fontsource/space-grotesk": "^5.2.10", + "@icons-pack/react-simple-icons": "^13.13.0", "@radix-ui/react-separator": "^1.1.8", "@radix-ui/react-slot": "^1.2.4", "autoprefixer": "^10.4.17", diff --git a/landing/src/components/PlatformIcons.tsx b/landing/src/components/PlatformIcons.tsx index 5fa37a1d..572cdf6f 100644 --- a/landing/src/components/PlatformIcons.tsx +++ b/landing/src/components/PlatformIcons.tsx @@ -1,23 +1,26 @@ +import { SiApple, SiLinux } from '@icons-pack/react-simple-icons'; + +// Official brand icons via Simple Icons (apple/linux). Simple Icons drops +// Microsoft's mark due to trademark policy, so the Windows 11 flag is +// inlined from Microsoft's public brand guidance. + export function AppleIcon({ className }: { className?: string }) { - return ( - - - - ); + return ; +} + +export function LinuxIcon({ className }: { className?: string }) { + return ; } export function WindowsIcon({ className }: { className?: string }) { return ( - - - - ); -} - -export function LinuxIcon({ className }: { className?: string }) { - return ( - - + + ); }