CodingBubble
Open the converter

Use Custom SVG Icons in Jetpack Compose

For app icons, toolbar actions, and empty states, converting SVG to Kotlin keeps the asset close to your Compose UI and avoids a VectorDrawable XML step.

Recommended workflow

  1. Export a clean SVG from your design tool.
  2. Convert it with the SVG to Compose tool.
  3. Copy the generated ImageVector into an icons package.
  4. Use it with Compose Icon or Image.

Usage snippet

Icon(
    imageVector = MyIcon,
    contentDescription = null
)
Convert an SVG icon