Skip to main content

SVG to ICNS

Convert SVG to ICNS for macOS App Icons

Create a multi-size .icns file for macOS apps and document icons. Choose a target size and the converter packs each standard size up to 1024×1024 automatically.

Drop files here

Editing defaults for new files

Icon format

ICO holds fixed sizes: 16, 32, 48, 64, 128, 256. We'll render every size up to your target and pack them into one .ico file.

Will include: 16, 32, 48, 64, 128, 256 px

Background
Corner radius
Artwork
Horizontal alignment
Vertical alignment

Padding insets the artwork, scale zooms it, and the alignment decides where it sits when it does not fill the box. The background and the corner shape always fill the whole icon.

Preview

No preview. Add and select files to see results.

No files yet. Drop files above or click SELECT FILES.

What is SVG?

SVG (Scalable Vector Graphics) is an XML-based vector image format. Instead of pixels, an SVG describes shapes, paths, fills, and strokes mathematically, so it can be rendered at any size without losing quality.

SVG is the standard vector format for the web. It is supported natively by every modern browser and can be styled with CSS or animated with JavaScript or SMIL. It is often compact for logos, icons, and illustrations, although complex SVGs can become large.

What is ICNS?

ICNS is Apple's icon container format used by macOS for application bundles and document type icons. An ICNS file holds one or more PNG images at standard sizes (16, 32, 64, 128, 256, 512, 1024 pixels).

SVG vs raster formats

Vector graphics (SVG) and raster graphics (PNG, JPG) solve different problems. The right format depends on what the image will be used for.

FeatureSVGPNG / JPGICO / ICNS
ScalingResolution-independentBlurry when enlargedPre-rendered at fixed sizes
File sizeSmall for shapes and iconsGrows with resolutionBundle of pre-sized rasters
EditingEditable as text or in vector toolsPixel-level editing onlyEdit each size, then repack
AnimationCSS, SMIL, JavaScriptLimited (animated PNG/GIF)Not supported
TransparencyYesPNG yes, JPG noYes (PNG-based)

When to convert SVG to ICNS

macOS apps and document types use ICNS. Use this SVG to ICNS converter as a free macOS app icon generator: convert SVG to ICNS when packaging a macOS app, an Electron or Tauri Mac bundle, or creating a custom document icon. One file can include sizes from 16 through 1024 pixels so macOS can select the appropriate image for Finder, the Dock, and dialogs.

SVG to ICNS: file size and quality trade-offs

File size

A multi-size ICNS bundles every standard slot from 16×16 up to your target, with a maximum of 1024×1024. File size varies with the number of included slots and the complexity of the source artwork.

When ICNS is the right choice

ICNS is the macOS app icon format. Use it when packaging a .app bundle, an Electron or Tauri Mac build, a custom document icon, or any workflow that specifically requires an .icns file.

When to keep the SVG as your icon master

Keep the SVG as the editable source of truth for the icon. Generate the ICNS as a build asset for macOS, and return to the vector master whenever the design or required sizes change.

Quality trade-offs

Each ICNS slot stores a PNG rasterized from your SVG at its exact size. Large slots preserve detail, but intricate artwork can become muddy at 16 or 32 pixels. For the best small icons, start with a simple design and inspect every generated size.

How to convert SVG to ICNS online

  1. 1

    Drop your files, or click SELECT FILES, to add them to the queue. Up to 40 at a time.

  2. 2

    Set the output options (size, DPI, background, quality, or tracing detail) and watch the live preview update.

  3. 3

    Click SAVE ALL to download the result, or a single ZIP when the queue holds more than one file.

Privacy: your files never leave your browser

Conversion runs locally in your browser using JavaScript and WebAssembly. There is no file upload or server-side conversion, so the files you add stay on your device.

Local processing helps protect confidential logos, internal documents, and unreleased client artwork. Pages and conversion code are cached as you use them, so tools you have already opened can continue working without a network connection.

Frequently asked questions

What sizes does the ICNS contain?

The converter packs every standard ICNS slot up to your target size: 16, 32, 64, 128, 256, 512, 1024. macOS picks the right size for the context: Finder thumbnails, dock icons, dialog icons, and so on.

What size should I pick for a macOS app icon?

Pick 1024 when you want the full set of sizes for a modern macOS app. The converter also includes every smaller standard slot automatically, giving macOS an appropriate image for Finder, the Dock, and other interface sizes.

Does ICNS support transparency?

Yes. ICNS uses per-pixel alpha just like PNG. The converter keeps transparency by default. Pick a solid background only if you want to fill the see-through areas.