ICO to SVG Crop Converter
Load an ICO file, drag the crop handles to define exactly the area you need, preview the result, then download a scalable SVG. Everything runs in your browser — your image never leaves your device.
Drop an ICO here
or Browse Files · ICO supported
What This Tool Does
This tool loads an ICO image directly in your browser, presents an interactive crop overlay with draggable handles, and converts the selected area to an SVG file. No server upload is required. The full workflow — loading, cropping, and SVG encoding — runs entirely in client-side JavaScript using the HTML5 Canvas API. ICO files are decoded by drawing them to an offscreen canvas, ensuring complete pixel data is available before the crop overlay is drawn. The output is a valid SVG document containing the cropped image as a base64-encoded PNG within an <image> element, with the viewBox set to the exact crop dimensions for perfect scaling in any browser or vector editor.
Who This Is For
- Web developers who need to embed a cropped ICO region as an SVG for use in HTML or CSS
- Designers who require an SVG container around icon pixels for further editing in tools like Inkscape or Illustrator
- Anyone who needs to extract and convert a portion of an ICO to SVG without installing dedicated software
- Content creators who want a quick, privacy-respecting crop-and-convert tool that needs no account or upload
ICO vs SVG: Format Comparison
| Property | ICO | SVG |
|---|---|---|
| Type | Raster (bitmap) | Vector (XML-based) |
| Scalability | Fixed resolution — pixelates when enlarged | Infinite — crisp at any size |
| File size | Small for icon sizes | Small for vector; grows with embedded raster data |
| Animation support | None | Supported (SMIL or CSS) |
| Transparency support | Full alpha channel | Full alpha channel |
| Web support | Limited (favicon use only) | Universal — native in all modern browsers |
| Best for | Windows icons and favicons | Logos, icons, UI elements, illustrations |
Frequently Asked Questions
SVG (Scalable Vector Graphics) is an XML-based image format that scales to any size without quality loss. Converting a cropped ICO region to SVG produces a scalable, web-friendly file that can be styled and manipulated with CSS and JavaScript.
Yes — the tool provides an interactive crop overlay on the source image. Drag the corner and edge handles to define exactly which portion of the ICO you want in the output SVG. Click Preview Crop to see the result before downloading.
No. All processing — loading, cropping, and SVG encoding — happens entirely in your browser using JavaScript and the HTML5 Canvas API. Your image never leaves your device.
The tool crops the selected region, encodes it as a base64 PNG data URL using the canvas API, and wraps it in a standard SVG document with a matching viewBox and an <image> element. The result is a valid, self-contained SVG file that renders in all modern browsers.
Since ICO is a raster format, the output SVG embeds the cropped image data as a PNG inside the SVG wrapper. The SVG container itself is fully scalable and web-compatible, though the pixel content will appear soft if scaled far beyond its native resolution.
Click the Start Over button that appears after loading an image. This clears the current file and resets the crop area so you can load a new ICO.