Cropping an SVG Logo: What Actually Gets Cut
How cropping an SVG logo works: trimming the viewBox or artboard, clipping paths, and permanent path edits, plus what changes when the file contains embedded raster images.
Contents
Cropping an SVG usually means one of three things. You can change the visible area, which is the viewBox or artboard, so the canvas fits the logo tightly. You can hide part of the artwork with a clipping path. Or you can edit the paths so the unwanted geometry is actually removed. Only the third option deletes anything. The first two change what is displayed, and the hidden artwork stays in the file. The right choice depends on your goal: removing empty space around a logo, showing only part of a mark, or delivering a file that no longer contains the excluded shapes.
What cropping means inside an SVG file
An SVG is a text-based description of shapes. The root element's viewBox attribute defines which rectangle of that drawing is shown, and optional width and height attributes set the display size. Shapes that fall outside the viewBox remain in the markup. They are simply not rendered. Shrinking the viewBox is therefore a non-destructive crop. Anyone who opens the file in an editor or text editor can still find and restore the hidden parts.
<!-- Illustrative values only; namespace attribute omitted for brevity -->
<!-- Before: canvas with empty margins around the mark -->
<svg viewBox="0 0 400 200">
<!-- logo paths -->
</svg>
<!-- After: viewBox tightened to the artwork's bounds -->
<svg viewBox="40 30 320 140">
<!-- same logo paths, unchanged -->
</svg>Three ways to crop and what each leaves behind
| Method | What changes | Hidden artwork | Typical use |
| Resize viewBox or artboard | Visible canvas area | Kept in the file, outside the view | Trimming whitespace around a logo for delivery |
| Clipping path | A mask limits which parts render | Kept in the file and recoverable by releasing the clip | Showing part of a mark while keeping it editable |
| Path operations (intersect, subtract, divide) | The shapes themselves | Removed from the geometry | Delivering a cut-down mark without the excluded shapes |
Trimming whitespace around a logo
For logo delivery, the most common request is to remove extra canvas so the file's bounds match the artwork. Vector editors provide commands for this. Illustrator has a fit-artboard-to-artwork-bounds command, and Inkscape can resize the page to the drawing or to the current selection. Exact menu names and locations vary by version. The bounds these commands calculate can include stroke widths, effects and invisible or stray objects, so check the result before export. Also consult the brand guidelines first. Many brand guidelines specify clear space around a mark, and a tightly trimmed file may not be the intended deliverable. Providing both a trimmed version and a padded version is a common editorial choice.
Clipping paths: hidden, not removed
A clipping path or clipping mask shows only the artwork inside a defined shape. This keeps the original paths editable, which helps when a crop may need adjusting later. The full geometry stays in the file, so file size does not drop, and any recipient can release the clip to see everything. Downstream tools such as converters, other editors or production software do not always interpret clipping the way the authoring tool does. Verify the exported output in the environment where it will be used.
Permanent cuts with path operations
To remove geometry for good, use boolean path operations. These are the Pathfinder functions in Illustrator and the Intersection or Difference commands in Inkscape. A common method is to draw a rectangle over the area you want to keep and intersect it with the artwork. Live text usually has to be converted to outlines before these operations work on it. Once converted, the text can no longer be edited as type. Keep an unmodified master file, because these edits cannot be reversed once the file is saved and closed.
When the SVG is not really vector
A .svg extension does not guarantee editable vector paths. An SVG can wrap an embedded raster image, typically an image element containing a linked or base64-encoded bitmap, with no vector shapes at all. Some files also mix vector paths with raster parts. Cropping the viewBox of such a file changes the visible window, but the bitmap keeps its original pixel dimensions and does not gain any sharpness. Trimming the raster itself requires a raster editor or a redraw of the artwork as vectors. Before cropping, open the file in a vector editor's outline view or in a text editor and confirm whether it contains path, shape or image elements. A thumbnail or raster preview of the file cannot tell you this.
Checking the cropped file
- Open the exported SVG in a text editor and confirm the viewBox values match the intended bounds.
- Look for leftover hidden objects, unused clipping paths or embedded images you did not expect.
- Check that export settings respect the artboard if your editor offers that option.
- View the file at small and large sizes against the original to confirm nothing was cut unintentionally.
Permission to crop a logo
Being able to download a logo's SVG does not mean you have permission to modify it. Cropping or partially cutting a mark changes the artwork. Trademark owners often restrict alterations through brand or usage guidelines, and any fonts in the artwork may carry their own license terms. If the logo is not yours, check the owner's guidelines or ask for permission before you deliver a cropped version.
Gaps in this overview
No source material on specific tools, versions or test results was available for this article. The guidance above is based on how the SVG format and common vector editors generally work, not on measurements. Exact commands and export options differ between applications and releases. If your question about cutting an SVG concerns files for cutting machines rather than trimming logo artwork, that is a separate topic and is not covered here.