u/Keyamoon

Image 1 —
Image 2 —
Image 3 —
Image 4 —
▲ 18 r/svg

I'm excited to introduce a new SVG editor. It is mainly optimized for icon/glyph design but could be used for other purposes too.

Video demos: Drawing a cloud, rocket, heart.

All the icons used in the UI of the editor were made in the editor itself!

Here are some of its main features:

  • Snapping to shapes and grid lines for precise control and making pixel-fitted icons
  • Boolean operations (union, subtract, etc.)
  • Outlining/expanding strokes (can be used for path offsetting too)
  • Gradient and color picker
  • Smooth corner rounding with G2 continuity
  • Non-destructive history which makes branches instead of deleting undone changes
  • SVG-first; doesn't use a different internal vector format
  • Code editor which reflects changes made in the visual editor (and vice versa)
  • Clean SVG output
  • Transform tools for resizing/rotating/reflecting
  • Advanced path editing
  • Command palette available (Cmd/Ctrl + Colon or Cmd/Ctrl + K)
  • Works on touch/mobile devices too
  • Pixel preview and previews in different sizes
  • Works offline (PWA)
u/Keyamoon — 22 days ago