Open the SVG to Compose converter

SVG to Compose ImageVector

Jetpack Compose can render vector graphics directly from Kotlin with ImageVector. Paste your SVG into the converter, choose a property name and package, then copy the generated Kotlin into your project.

What the converter creates

The output includes Compose vector imports, an ImageVector.Builder, viewport dimensions from the SVG viewBox, and Compose path calls for each supported SVG shape.

Best results

  • Use SVGs with a clear viewBox.
  • Prefer solid fills and strokes for portable Compose code.
  • Flatten transforms in your design tool before converting complex icons.

Start with the tool

The converter includes live preview, conversion warnings, local history, share links, and Kotlin export presets.

Convert SVG to ImageVector