How to Edit an SVG in GIMP
What GIMP can and cannot do with SVG logo files, with steps for rendering an SVG into a favicon, editing imported paths, and checking the result.
Contents
- The Short Answer
- What Happens to Each Part of the SVG in GIMP
- Before You Start
- Workflow 1: Render the SVG for Favicon Output
- Workflow 2: Edit Path Geometry and Export It as SVG
- Handling Typography
- Export Settings for Favicon Delivery
- How to Confirm the Result
- When to Use a Vector Editor Instead
- Gaps to Check
The Short Answer
GIMP can open an SVG, but it does not edit it as a vector file. On import, GIMP renders the SVG into pixels at a size you choose. You can then edit those pixels like any other image. GIMP can also import the SVG's shapes as paths, let you adjust those outlines, and export them as a new SVG. That exported file contains only path geometry. Fills, stroke styles, colors, gradients, and live text from the original are lost. For a favicon, this usually works well, because a favicon is delivered as small raster images. For editing the master logo itself, a dedicated vector editor is the better tool.
A few terms explain why. A vector file describes shapes mathematically, so it scales without losing sharpness. A raster file is a fixed grid of pixels. A path is the outline of a shape, defined by anchor points and the curves (Bézier handles) between them. GIMP is a raster editor that has path tools. It does not keep an SVG document's objects, styles, and layers intact for editing.
What Happens to Each Part of the SVG in GIMP
| SVG content | Result in GIMP | Usable for |
| Shapes and fills | Rendered to pixels on one layer | Raster favicon and icon exports |
| Shape outlines | Optionally imported as paths, outline only | Selections, strokes, path-only SVG export |
| Live text | Rendered to pixels using fonts installed on your system; not an editable text layer | Raster output only, once the rendering is confirmed correct |
| Colors, gradients, stroke styles | Visible in the rendered pixels; not kept as attributes on imported paths | Raster output only |
| Embedded bitmap images | Rendered along with everything else | Raster output; quality is limited by the embedded image's resolution |
Before You Start
- Work on a copy. Keep the original SVG untouched, because a GIMP round trip cannot restore what it discards.
- Confirm you are allowed to modify and reuse the logo. A downloadable SVG file does not grant reuse rights.
- Inspect what the file contains. The .svg extension does not guarantee vector content. An SVG can wrap an embedded bitmap, which will not scale cleanly or import as paths. Opening the file in a text editor and looking for an embedded image element is a quick check.
- If the logo has text, convert it to outlines in a vector editor first, or make sure the exact fonts are installed. If a font is missing, the text renders with a substitute.
- Know your target output. For a favicon, find out which pixel sizes and file formats your site, CMS, or platform requires, and use its documentation as the authority.
Workflow 1: Render the SVG for Favicon Output
Use this workflow when the goal is a pixel-based favicon or app icon made from vector logo artwork. The menu names below follow the GIMP 2.10 interface. GIMP 3.x uses a similar import dialog, but labels and options can differ, so check them against your installed version.
- 1. Choose File > Open and select the SVG. GIMP shows a dialog for rendering scalable vector graphics.
- 2. Set the width and height. Keep the aspect ratio locked so the mark is not distorted. Render larger than your largest target size, so you have room to clean up and to scale down.
- 3. Leave the path import option off unless you also need the outlines (see Workflow 2).
- 4. Click OK. The artwork opens as a raster layer, normally on a transparent background.
- 5. Use Image > Canvas Size to make the canvas square if needed, and center the mark. Favicons are displayed square.
- 6. Simplify for small sizes. Thin strokes, fine text, and small details tend to disappear at favicon scale. A simplified mark, such as a single letterform or symbol from the logo, often reads better. Make these simplifications in the vector source when possible, then re-render.
- 7. Duplicate the image for each target size and use Image > Scale Image to resize each copy. Then check each copy at 100% zoom and clean up blurry edges at the pixel level if needed.
Workflow 2: Edit Path Geometry and Export It as SVG
Use this workflow when you need to adjust outline shapes and get vector geometry back out. Expect to restyle the result in another application.
- 1. Import the outlines in one of two ways. You can turn on the import-paths option in the SVG import dialog. Or, with any image open, right-click in the Paths dialog (Windows > Dockable Dialogs > Paths) and choose Import Path. In GIMP 2.10, a merge option combines all imported paths into one; leave it off if you want to edit shapes separately.
- 2. Select a path in the Paths dialog and activate the Paths tool (B). Switch it to Edit mode to add or remove anchor points and drag curve handles.
- 3. Compare your edits against the rendered artwork layer to keep proportions and curves faithful to the original.
- 4. To export, right-click the path in the Paths dialog and choose Export Path. Choose whether to export the active path or all paths, and save with an .svg extension.
- 5. Open the exported SVG in a vector editor to reapply fills and colors and to check the geometry.
To turn an edited path back into pixels inside GIMP, use Select > From Path and fill the selection, or use Edit > Stroke Path for an outline. Either result is raster, not vector.
Handling Typography
GIMP does not import SVG text as editable text. Text is drawn as pixels during rendering, using whatever matching fonts are installed on your machine. A wordmark can therefore look wrong without any warning if a font is missing or substituted. The reliable approach is to convert text to outlines in the vector source before importing. Then the letterforms are fixed shapes that render consistently and can also be imported as paths. If you have to rebuild text in GIMP, the Text tool creates a new raster text layer. It is no longer connected to the logo's vector lettering, so match the typeface, weight, and spacing by eye against the original.
Export Settings for Favicon Delivery
- PNG: Use File > Export As with a .png extension. Keep transparency if the design calls for it.
- ICO: Exporting with an .ico extension in GIMP packs each layer into the icon file as a separate image. To build a multi-size ICO, put each scaled version on its own layer in one image before exporting. The export dialog lets you set options for each layer; check the per-layer settings in your version.
- SVG favicon: GIMP cannot produce a styled SVG favicon. Its SVG export holds path outlines only. Prepare an SVG favicon in a vector editor from the original artwork.
- Which formats and sizes to supply depends on the browsers and platforms you target. Confirm these against current platform documentation rather than relying on a fixed list.
How to Confirm the Result
- View each raster export at 100% zoom. The mark should be recognizable, centered, and free of unwanted blur or halo pixels around transparent edges.
- Compare rendered text with the original logo to catch font substitution.
- Reopen the exported ICO in GIMP. Each intended size should appear as its own layer.
- Open any path-only SVG export in a vector editor or text editor. Confirm it contains the expected outlines and nothing else; missing color is expected, not a fault.
- Test the favicon where it will be used: in a browser tab, in bookmarks, and on light and dark backgrounds, after clearing the cache. Browsers cache favicons persistently.
When to Use a Vector Editor Instead
If you need to change colors in the vector file, edit live text, keep layers and styles, or deliver a scalable master logo, open the SVG in a vector editor such as Inkscape, Adobe Illustrator, or Affinity Designer. A practical split is to do all vector changes there, save the master SVG, and then use GIMP only for raster favicon output and pixel-level touch-up at small sizes.
Gaps to Check
No version-specific documentation was supplied with this guide. The menu paths and dialog options described here reflect the GIMP 2.10 interface. Verify them in your installed version, especially in GIMP 3.x, where import and export dialogs may be labeled or organized differently. No specific favicon pixel sizes are given here, because none were supplied as evidence; take them from your target platform's current requirements.