🎨 Handwerksradar Logo System
Modernes, responsives Logo-Design mit verschiedenen Varianten
📱 Haupt-Logos mit Animation
Original Logo
200×200px | Mit Animation
logo.svg
Light Mode
200×200px | Optimiert für helle Hintergründe
logo-light.svg
Dark Mode
200×200px | Optimiert für dunkle Hintergründe
logo-dark.svg
🎯 Icon-Only Varianten
Icon Light
100×100px | Für kleine Darstellungen
logo-icon-only.svg
Icon Dark
100×100px | Dark Mode Version
logo-icon-only-dark.svg
📝 Logo mit Schriftzug
Mit Text (Light)
400×100px | Zweizeilig
logo-with-text.svg
Mit Text (Dark)
400×100px | Dark Mode
logo-with-text-dark.svg
↔️ Horizontale Varianten
Horizontal (Light)
500×80px | Einzeilig | Ideal für Header
logo-horizontal.svg
Horizontal (Dark)
500×80px | Dark Mode
logo-horizontal-dark.svg
🌐 Favicon & App Icons
Favicon
32×32px | Browser Tab
favicon.svg
Apple Touch Icon
180×180px | iOS Home Screen
apple-touch-icon.svg
🎨 Farbpalette
Light Mode
Primär Blau
#3B82F6
Dunkel Blau
#1E40AF
Orange
#F59E0B
Rot
#EF4444
Grün
#10B981
Dark Mode
Primär Blau
#60A5FA
Hell Blau
#3B82F6
Orange
#FBBF24
Rot
#F87171
Grün
#34D399
✨ Logo Features & Highlights
SVG-Format für perfekte Skalierung
Animierte Radar-Effekte
Dark/Light Mode Support
Responsive Varianten
Moderne Farbpalette
Optimiert für Web & Mobile
Cross-Browser kompatibel
PWA-ready
Accessibility optimiert
Performance optimiert
iOS & Android Support
Kleine Dateigrößen (2-6 KB)