Documentation

Getting started is simple. Head to the home page and drop your image into the upload area, or click "Launch Editor" to go directly to the workspace. CloudIcon Studio supports PNG, JPG, SVG, and WEBP formats. There is no file size limit to worry about — your image stays entirely on your device and never gets uploaded to any server. Once uploaded, your image appears in the editor workspace, ready for customization. You can upload a fresh image at any time by pressing Ctrl+O or using the upload button in the toolbar. The editor supports high-resolution images, so feel free to use your largest source files — the downscaling algorithm handles them beautifully.

The left panel is your control center. Every adjustment updates instantly so you can see exactly what you are getting. The rotation tool lets you fine-tune the angle of your icon in precise increments, which is especially useful for logos that look better at a slight tilt. The background tool allows you to add a solid color, a gradient, or keep it transparent — each platform has different background requirements, and you can preview them all. Padding controls the breathing room around your icon, and the safe area overlay ensures critical content is not clipped on any platform. The crop tool lets you trim unwanted edges, and the shape selector offers circle, rounded square, squircle, and more — each shape corresponds to real platform requirements like Android adaptive icons and iOS app icon masks.

The right panel brings your icon to life with real-time device mockups. Switch between Android, iOS, Web (PWA), and Desktop views to see exactly how your icon will appear on each platform. Each mockup accurately reflects the platform-specific mask, safe zone, and rendering quirks — what you see is what you will get when you publish. The preview updates live as you make changes, so there is no back-and-forth guessing. You can zoom in to inspect details, toggle a grid overlay for alignment checking, and compare dark and light mode appearances. This instant feedback loop is what makes CloudIcon Studio different from batch generators that show you results only after export.

When you are happy with your icon, click the "Generate & Download" button in the top-right corner. CloudIcon Studio creates a complete ZIP archive containing every icon size and format each platform requires. For Android, that includes launcher icons at all densities (mdpi through xxxhdpi), adaptive icons, and notification icons. For iOS, you get every size required by the App Store and the operating system. For the web, you get a full favicon set including all modern sizes and formats. For desktop, Windows and macOS icon sets are included. The ZIP file is generated entirely in your browser — no copy is ever stored on any server. You can export as many times as you like, tweaking settings between exports until everything is perfect.