feat: add Favicon Generator app with ImageMagick WASM support

components/ToolsGrid.tsx

@@ -2,7 +2,7 @@
 
 import { motion } from 'framer-motion';
 import ToolCard from './ToolCard';
-import { ColorIcon, UnitsIcon, ASCIIIcon, MediaIcon } from '@/components/AppIcons';
+import { ColorIcon, UnitsIcon, ASCIIIcon, MediaIcon, FaviconIcon } from '@/components/AppIcons';
 
 const tools = [
   {
@@ -41,6 +41,15 @@ const tools = [
     badges: ['Open Source', 'Converter', 'Free'],
     icon: <MediaIcon className="w-12 h-12 text-white" />,
   },
+  {
+    title: 'Favicon',
+    description: 'Generate a complete set of favicons for your website. Includes PWA manifest and HTML embed code. All processing happens locally in your browser.',
+    url: '/favicon',
+    gradient: 'gradient-blue-cyan',
+    accentColor: '#3b82f6',
+    badges: ['Open Source', 'Generator', 'Free'],
+    icon: <FaviconIcon className="w-12 h-12 text-white" />,
+  },
 ];
 
 export default function ToolsGrid() {
@@ -64,7 +73,7 @@ export default function ToolsGrid() {
         </motion.div>
 
         {/* Tools grid */}
-        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
+        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
           {tools.map((tool, index) => (
             <ToolCard
               key={tool.title}