Turn an SVG logo into a macOS .icns that is sharp at every size, Retina included. For Windows use SVG to ICO, for websites SVG to Favicon.
Need plain PNGs of your SVG? Use SVG to PNG. Want to tweak the vector first? Open the SVG Icon Editor.
An SVG is drawn from shapes, not pixels. The page draws it at 2048 px and shrinks it to every size, so even the 1024 px Retina image is crisp.
Thin lines can fade at 16 px. If the small sizes look faint, turn on Sharpen small sizes, or add a simpler drawing under Small-size artwork.
SVGs that use web fonts or link to outside images may draw differently. Convert text to outlines in your editor first.
Copied an icon as code from Figma, Lucide, Heroicons or another set? Open Paste SVG code instead under the box, or just press Ctrl+V on the page.
Paste a whole set at once: every <svg> in the code becomes its own icon, named after its Lucide class, id or title.
Many of those icons use currentColor, so they draw in black - almost invisible in a dark Dock. Change it under SVG colours, where every colour of the SVG is listed and can be swapped one by one - and applied to the whole set with one click - or set Artwork colour to Single colour.
For a classic Mac app look, try the Symbol on a colour plate preset: a white symbol on a coloured Big Sur plate. Icon sets also add a margin inside the SVG, and Trim empty space removes it.
Want to change the shapes or colours first? Open the icon in the SVG Icon Editor, or get a PNG with SVG to PNG.
Apple's own icons are not just shrunk for Finder lists - the 16 and 32 px versions are redrawn with fewer details and thicker lines, so they stay readable.
Do the same with Small-size artwork: add a simpler SVG of your icon, or a PNG you drew pixel by pixel. It is used for 16 and 32 px (or up to 64 px), and your main SVG for everything bigger.
Converting a whole set? Name the small versions logo-16.svg, logo-small.svg or logo-16.png and drop them with the big ones - each pair is matched by name. One small drawing for every file? Press Use it for all files.
A small SVG is drawn straight at each pixel size, never shrunk, so its lines land exactly where you put them. A 16 px PNG is doubled with hard pixel edges for the Retina slot. Check the result under Small sizes at real pixels.
| Size | Retina slot | Where macOS shows it |
|---|---|---|
| 16 x 16 | - | Finder list view, menu bar, Spotlight rows |
| 32 x 32 | 16 @2x | Finder lists on Retina screens, small sidebar icons |
| 64 x 64 | 32 @2x | Retina Finder lists and Get Info |
| 128 x 128 | - | Finder icon view, Launchpad on older Macs |
| 256 x 256 | 128 @2x | Dock and Finder on Retina screens |
| 512 x 512 | 256 @2x | Large Finder icons, Quick Look |
| 1024 x 1024 | 512 @2x | App Store, Quick Look full size on Retina |
Full Retina packs all of them. Up to 512 skips the 1024 px image and makes the file about half the size.
The 16 and 32 px sizes are also written in the classic format older Macs read. Want to check the result? Open it in the ICNS File Viewer.
Since Big Sur, Mac app icons sit on a rounded plate with a small margin and a soft shadow. Unlike iPhone, macOS does not round the corners for you.
Pick macOS style and your image is placed on Apple's grid: an 824 px plate on a 1024 px canvas, smooth "squircle" corners and the shadow. The plate is white, or any colour you choose.
Your logo should fill the plate? Use Crop to square. Want breathing room around it? Add a little Padding.
Drop your SVG into the box, keep Full Retina or pick a preset, and press Make my ICNS. Every size is drawn from the vector.
Yes, up to 30. Each becomes its own .icns, and more than two files come as one ZIP.
No. The SVG is read and turned into an ICNS in your browser, on your device. Nothing is uploaded, so it also works with private artwork.
With Full Retina: 16, 32, 64, 128, 256, 512 and 1024 px, filling all ten macOS slots including the @2x Retina ones. The 16 and 32 px sizes are also stored in the classic format for older Macs.
macOS shows the icon exactly as drawn - it does not round the corners like iPhone does. Pick the macOS style shape to get the rounded plate, margin and shadow of Apple's own icons.
Yes. Choose + Xcode set under Extra files. You get AppIcon.appiconset with every PNG and a Contents.json - drag it into Assets.xcassets.
Yes. Turn on Windows ICO too (or the Mac + Windows preset) and you get a matching .ico with 16 to 256 px next to the ICNS.
Yes. Open Paste SVG code instead under the upload box, or press Ctrl+V anywhere on the page with the code copied. Paste several icons at once and each one becomes its own ICNS.
Yes. Open SVG colours - every colour in the file is listed, including currentColor and shapes with no colour set. Pick a new one for any of them, and Apply to all uses the same swaps on every SVG in the batch. To make the whole icon one colour, use Artwork colour.
Yes. Add a simpler SVG or a hand-drawn PNG under Small-size artwork. It replaces the 16 and 32 px images (or everything up to 64 px), the way Apple hand-tunes its smallest icons. Or drop logo.svg and logo-16.svg together - they are paired by name.
Your SVG uses currentColor, which web pages swap for the text colour. Drawn as a picture it becomes black. Pick a new colour for it under SVG colours.
The SVG has empty space built in around the artwork. Turn on Trim empty space to cut it, then add a little Padding if it now touches the edges.
No. It works in any modern browser on Windows, Linux, ChromeOS or a Mac.
