# Free Icon Generator (free-icon-generator.com) > Client-side icon generator. Upload images or design from scratch, export to all icon formats. ## What This Is A browser-based tool for creating and converting icons, plus an in-depth knowledge hub for icon design. Three main flows: 1. Quick Convert — upload image, pick format (favicon/iOS/Android/PWA/social/Windows), download ZIP 2. Visual Editor — layer-based icon designer with shapes, icons, text, gradients, 3D device mockups 3. Knowledge Hub — 26 original in-depth guides at /blog (favicon, iOS, Android, PWA, social media) ## Tech Stack - React 19 + TypeScript 6 + Vite 8 - Konva.js (2D canvas rendering) - Three.js (3D device mockups) - Zustand (state management) - Tailwind CSS 4 (styling via design tokens) - Framer Motion (animations) - JSZip + file-saver (export) - react-i18next (EN/DE/ES) - Hosted on Netlify ## Architecture - Fully client-side SPA, no backend - Atomic Design component hierarchy - CSS custom properties for theming (dark mode) - Konva.js uses literal hex colors (Canvas2D cannot resolve CSS variables) - Layer system: 5 types (shape, icon, text, image, gradient) as TypeScript discriminated union - Export pipeline: PNG/SVG/ICO/WebP with 6 pre-configured ZIP bundles - PWA with service worker and offline support - Google AdSense on landing pages (consent-gated, DSGVO/TTDSG compliant) - DSGVO cookie consent banner with essential/advertising categories - Sponsors system with 4 tiers and dofollow backlinks ## URLs - Live: - Editor: - Favicon Generator: - App Icon Generator: - Social Media Icons: - PWA Icon Generator: - Knowledge Hub: - Sponsors: - Impressum: - Datenschutz: