bits and bob

src/components/icons/Icon.tsx

@@ -102,7 +102,7 @@ const Icon: React.FC<IconProps> = ({
     if (BRAND_ICON_NAMES.has(name)) {
       defaultVariant = 'brand'
     } else {
-      defaultVariant = 'bold' // Default to outline for non-brand icons
+      defaultVariant = 'bold' // Default to bold for non-brand icons
     }
   }
   

src/components/icons/brands/index.ts

@@ -1,6 +1,7 @@
 // Bold variant icons
 export { ReactComponent as Linux } from './linux.svg'
-export { ReactComponent as steam } from './steam.svg'
-export { ReactComponent as windows } from './windows.svg'
-export { ReactComponent as github } from './github.svg'
-export { ReactComponent as discord } from './discord.svg'
+export { ReactComponent as Steam } from './steam.svg'
+export { ReactComponent as Windows } from './windows.svg'
+export { ReactComponent as Github } from './github.svg'
+export { ReactComponent as Discord } from './discord.svg'
+export { ReactComponent as Proton } from './proton.svg'

src/components/icons/index.ts

@@ -27,11 +27,13 @@ export const search = 'Search'
 export const trash = 'Trash'
 export const warning = 'Warning'
 export const wine = 'Wine'
+export const diamond = 'Diamond'
 
 // Brand icons
 export const discord = 'Discord'
 export const github = 'GitHub'
 export const linux = 'Linux'
+export const proton = 'Proton'
 export const steam = 'Steam'
 export const windows = 'Windows'
 
@@ -54,11 +56,13 @@ export const IconNames = {
   Trash: trash,
   Warning: warning,
   Wine: wine,
+  Diamond: diamond,
   
   // Brand icons
   Discord: discord,
   GitHub: github,
   Linux: linux,
+  Proton: proton,
   Steam: steam,
   Windows: windows,
 } as const

src/components/icons/ui/bold/diamond.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M9.2 8.25h5.6L12.15 3h-.3zm2.05 11.85V9.75H2.625zm1.5 0l8.625-10.35H12.75zm3.7-11.85h5.175L19.55 4.1q-.275-.5-.737-.8T17.775 3H13.85zm-14.075 0H7.55L10.15 3H6.225q-.575 0-1.037.3t-.738.8z"/></svg>

src/components/icons/ui/bold/index.ts

@@ -14,4 +14,5 @@ export { ReactComponent as Refresh } from './refresh.svg'
 export { ReactComponent as Search } from './search.svg'
 export { ReactComponent as Trash } from './trash.svg'
 export { ReactComponent as Warning } from './warning.svg'
-export { ReactComponent as Wine } from './wine.svg'
+export { ReactComponent as Wine } from './wine.svg'
+export { ReactComponent as Diamond } from './diamond.svg'

src/components/icons/ui/outline/diamond.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 19.875q-.425 0-.825-.187t-.7-.538L2.825 10q-.225-.275-.337-.6t-.113-.675q0-.225.038-.462t.162-.438L4.45 4.1q.275-.5.738-.8T6.225 3h11.55q.575 0 1.038.3t.737.8l1.875 3.725q.125.2.163.437t.037.463q0 .35-.112.675t-.338.6l-7.65 9.15q-.3.35-.7.538t-.825.187M9.625 8h4.75l-1.5-3h-1.75zM11 16.675V10H5.45zm2 0L18.55 10H13zM16.6 8h2.65l-1.5-3H15.1zM4.75 8H7.4l1.5-3H6.25z"/></svg>

src/components/icons/ui/outline/index.ts

@@ -15,3 +15,4 @@ export { ReactComponent as Search } from './search.svg'
 export { ReactComponent as Trash } from './trash.svg'
 export { ReactComponent as Warning } from './warning.svg'
 export { ReactComponent as Wine } from './wine.svg'
+export { ReactComponent as Diamond } from './diamond.svg'