How to use IconForge

A comprehensive guide to generating the perfect icons for any platform instantly.

Getting Started

IconForge is a powerful local-first icon generator that transforms a single image into all the optimized formats and sizes you need for different platforms.

1 Upload Your Image

Drag and drop any high-resolution image into the upload zone on the Generator page, or click to browse files. The application works entirely in your browser, so your files are never uploaded to our servers.

  • Supported formats: PNG, JPG, JPEG, WEBP, SVG
  • Recommended size: At least 1024x1024 pixels for best results
  • Tip: SVG files work perfectly and will be rendered at any resolution without quality loss.

2 Select Platforms

Choose the platforms you are targeting. IconForge will automatically select the necessary icon formats and sizes based on official platform guidelines.

  • Web: Generates standard favicon.ico, 192px/512px Android icons, and 180px Apple touch icon.
  • iOS: Generates a full array of iOS app icons required by Xcode.
  • Android: Generates legacy and adaptive icon formats for Android Studio.

Editing & Enhancing

Before exporting, you can adjust your image perfectly within our built-in canvas editor.

Formatting Options

  • Aspect Ratios: Crop your image to freeform, 1:1, 16:9, or 4:3. App icons generally require a 1:1 crop.
  • Filters: Apply Grayscale, Sepia, or Invert filters temporarily.
  • Backgrounds: If you upload a transparent PNG, you can change the background color instantly. Choose transparent, white, black, or use the color picker for a custom color.
  • Padding: Adjust the inner padding to scale your icon securely away from the edges.
  • Shapes: Render the final output as a Square, Rounded Rectangle, or Circle.

Advanced Controls

You can fine-tune your upload with our image adjustments engine:

  • Brightness, Contrast, Saturation & Hue Shift
  • Rotation (Left/Right 90 degrees)
  • Flip (Horizontal/Vertical)
  • AI-powered Background removal

Exporting & Integration

Once you are happy with the preview grid, hit Download Bundle to save everything locally.

Web Integration Example

Extract the downloaded ZIP into your public or root directory, and simply paste this meta snippet into your HTML <head> section:

<!-- Favicon & Web Manifest --> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="manifest" href="/site.webmanifest"> <meta name="theme-color" content="#ffffff">

The Generator will automatically construct the corresponding site.webmanifest file containing your icon paths for PWA (Progressive Web App) compliance.