A web-based tool for creating professional icons with customizable badges, rich gradients, and fun effects.
- Image Editing Features
- Badge Controls
- Icon Library
- Mobile Web App
- Tablet Editing
- Sharing & Exporting
- Custom Image Upload: Drag and drop images directly onto the canvas or paste them from your clipboard (Ctrl/Cmd + V).
- Dynamic Gradients: Create dynamic backgrounds with Linear, Radial, Conic, and Mesh gradient types.
- Skeuomorphic Frames: Apply professional finishes like Glossy Shine, Metallic, Glass, and Embossed borders.
- Visual Effects: Add depth with Noise, Glow, and Vignette overlays.
- Integrated Text: Overlay custom text with full color control.
- Theme Chooser: Easily switch between light and dark mode for distraction-free editing.
Easily edit icons and customize to perfection.
- Flexible Positioning: Snap badges to any corner or remove them entirely for a clean icon.
- Geometric Shapes: Choose from Circle, Squircle, Hexagon, Diamond, Shield, and more.
- Smart Contrast: Badge icons automatically adjust their color to maintain accessibility against any background.
- Full Transform Support: Fine-tune badge size, rotation, and internal icon scaling.
- Lucide Integration: Instant access to thousands of consistent, high-quality icons.
- Smart Suggestions: Real-time filtering and suggestions as you type.
- Persistent Caching: Icon metadata is cached locally for lightning-fast performance on subsequent visits.
- Standalone Installation: Install Icon Studio directly to your device home screen on iOS, iPadOS, Android, and Desktop for a native app experience.
- Full Offline Support: Continue designing without an active network connection, powered by background service worker caching.
- Sticky Mobile Preview: A pinned canvas preview on mobile ensures your design is always visible while adjusting settings.
Add to your device for the best editing experience.
- Adaptive Layout: App layout adapts to any size screen in any orientation.
- URL-Synced State: Every adjustment is instantly reflected in the URL. Share your exact design with a single link.
- Cloud-Powered Sharing: Uploaded images are hosted via Cloudinary for seamless cross-device sharing.
- High-Quality Export: Pixel-perfect, high-resolution (1024x1024) PNG exports.
- Local First: Local storage fallback ensures your work is saved even if cloud services are unavailable.
- Vanilla JS/HTML5/CSS3: Clean and modern vanilla stack for maximum performance and cross-browser reliability.
- Custom Canvas 2D Engine: A high-fidelity rendering pipeline for pixel-perfect 1:1 PNG exports, resolving browser compatibility issues with third-party export libraries.
- Service Worker API: Enables instant offline loading and resilient asset caching.
- esbuild: Blazing fast build-time minification and bundling.
- Cloudflare Pages: High-performance global hosting and deployment.
- Cloudinary: Scalable image hosting for shareable URLs.
- Lucide: Beautiful and consistent icon sets.
- Google Fonts: Featuring 'Outfit' and 'Inter' for typography.
Built by Ryan March