SVG StudioBrowser-based vector workspace
EnglishTürkçe
Open editor
EnglishTürkçe
Open editor

Icon creator

Build icons from curves you can still edit.

Compose geometric primitives, refine the silhouette node by node, and deliver a compact SVG that scales cleanly.

Start drawingLearn path editing

Construct a clear silhouette.

Begin with rectangles, circles, ellipses, triangles, and regular polygons. Group or combine the parts after their proportion and alignment feel right.

Use union and subtraction for solid icon forms, or keep components grouped when the design needs independent styling.

  • Square, rectangle, circle, ellipse, and polygon presets
  • Horizontal and vertical mirroring
  • Layer ordering and nested groups

Refine corners and strokes.

Round selected corners for a softer system or chamfer them for a technical edge. Convert strokes to filled geometry when delivery requires a fixed visual outline.

Fill, stroke, opacity, cap, join, and dash controls remain separate, so a reusable icon can be evaluated in more than one presentation.

Export an asset, retain an editable source.

Download standards-based SVG for the product and keep a versioned SVG-JSON file as the editable source document. The two formats serve different responsibilities without being confused.

  • SVG for delivery
  • SVG-JSON for continued editing
  • Main ink colour with currentColor-aware export