svg2vectordrawable
svg2vectordrawable copied to clipboard
[BUG] missing parts of icon
Original file:
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F22D2D"/>
<path d="M5.72144 8.7221L12.2789 15.2796L9.00017 18.5583V5.44336L12.2789 8.7221L5.72144 15.2796" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M15 10L19 14M19 10L15 14" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Exported output from svg2vectordrawable missing × in icon:
<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:width="24dp"
android:height="24dp"
android:viewportWidth="24"
android:viewportHeight="24">
<path
android:fillColor="#FFF22D2D"
android:fillType="evenOdd"
android:pathData="M12 24c6.63 0 12-5.37 12-12S18.63 0 12 0 0 5.37 0 12s5.37 12 12 12Z"/>
<path
android:strokeColor="#FFFFFFFF"
android:strokeWidth="1"
android:strokeLineCap="round"
android:strokeLineJoin="round"
android:pathData="M5.72 8.72l6.56 6.56L9 18.56V5.44l3.28 3.28-6.56 6.56"/>
</vector>
If I import using Android studio, icon is ok:
<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:width="24dp"
android:height="24dp"
android:viewportWidth="24"
android:viewportHeight="24">
<path
android:fillColor="#F22D2D"
android:fillType="evenOdd"
android:pathData="M12,24C18.6274,24 24,18.6274 24,12C24,5.3726 18.6274,0 12,0C5.3726,0 0,5.3726 0,12C0,18.6274 5.3726,24 12,24Z" />
<path
android:fillColor="#00000000"
android:pathData="M5.7214,8.7221L12.2789,15.2796L9.0002,18.5583V5.4434L12.2789,8.7221L5.7214,15.2796"
android:strokeWidth="1"
android:strokeColor="#ffffff"
android:strokeLineCap="round"
android:strokeLineJoin="round" />
<path
android:fillColor="#00000000"
android:pathData="M15,10L19,14M19,10L15,14"
android:strokeWidth="1"
android:strokeColor="#ffffff"
android:strokeLineCap="round"
android:strokeLineJoin="round" />
</vector>
Expected result:
exported SVG contains part <path d="M15 10L19 14M19 10L15 14" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
in output:
<path
android:fillColor="#00000000"
android:pathData="M15,10L19,14M19,10L15,14"
android:strokeWidth="1"
android:strokeColor="#ffffff"
android:strokeLineCap="round"
android:strokeLineJoin="round" />