Builder perks

src/components/Icon.tsx

@@ -42,6 +42,21 @@ export const Icon: React.FC<IconProps> = ({
     return <LocationIcon />;
   }
 
+  if (typeof icons[name] === 'string') {
+    return (
+      <div className={className}>
+        <img 
+          src={icons[name]} 
+          alt={name}
+          className="w-full h-full object-contain"
+          width={width}
+          height={height}
+        />
+      </div>
+    );
+  }
+
+  // Otherwise, render as a React component
   return (
     <div className={className}>
       {React.createElement(icons[name], {

src/hooks/use-icons.ts

@@ -72,5 +72,10 @@ export function useIcons() {
     'vrf---cadence': VRFCadenceIcon,
     'vrf---evm': VRFEVMIcon,
     'why-flow': WhyFlowIcon,
+    'quicknode': '/img/ecosystem/quicknode.svg',
+    'olympix-logo': '/img/ecosystem/olympix-logo.svg',
+    'flow': '/img/ecosystem/flow.svg',
+    'alchemy': '/img/ecosystem/alchemy.svg',
+    'thirdweb': '/img/ecosystem/thirdweb.svg',
   }), []);
 }