Skip to content

Inkscape

A full SVG editor — the free counterpart to Illustrator, and native to the web’s vector format.

Homebrew cask Direct download

What it does

Inkscape edits SVG directly: paths, boolean operations, node editing, gradients, clipping and masking, text on a path, and a live XML editor for the underlying document. It exports to PNG, PDF, EPS and optimised SVG.

For site work the useful parts are cleaning up an SVG someone else produced, tracing a bitmap into paths, and Save As → Optimised SVG, which strips editor metadata and cuts file size substantially before an icon goes into assets/.

Notes

  • It is a GTK application, so it looks like a Linux app on macOS. Functionality is unaffected.
  • The command line is scriptable, which is handy in a build step:
inkscape --export-type=png --export-width=512 logo.svg
inkscape --export-plain-svg --export-filename=clean.svg messy.svg

Alternative to

AlternativeTypeTrade-off
Adobe IllustratorSubscriptionThe industry standard, subscription only
Affinity DesignerPaidA one-off purchase and a much more polished macOS app
FigmaFreemiumCollaborative and browser-based; better for UI, worse for print
Boxy SVG and Linearity CurveFreemiumLighter native SVG editors

Install

brew install --cask inkscape

Links

This post is licensed under CC BY 4.0 by the author.
Last updated on