Related
How can I convert my android vector drawable to SVG?
Don't mark it as duplicate question. I have already tried those methods but didn't work, what I have tried https://shapeshifter.design/ website, but actually it is good, but it gives me wrong input and output.
Suppose I have a vector
<vector android:height="80dp" android:viewportHeight="512"
android:viewportWidth="512" android:width="80dp" xmlns:android="http://schemas.android.com/apk/res/android">
<path android:fillColor="#color/colorLightYellow" android:pathData="M150.561,144.549c-1.315,0 -2.647,-0.341 -3.86,-1.06L52.164,87.532c-3.609,-2.136 -4.803,-6.793 -2.667,-10.402c2.137,-3.608 6.793,-4.802 10.402,-2.667l94.537,55.957c3.609,2.136 4.803,6.793 2.667,10.402C155.685,143.217 153.156,144.549 150.561,144.549z"/>
<path android:fillColor="#color/colorLightYellow" android:pathData="M150.568,144.548H47.842c-4.194,0 -7.593,-3.399 -7.593,-7.593s3.4,-7.593 7.593,-7.593h102.727c4.194,0 7.593,3.399 7.593,7.593S154.762,144.548 150.568,144.548z"/>
<path android:fillColor="#color/colorLightOrange" android:pathData="M342.693,335.833L207.961,136.955l51.811,-74.838c10.849,-15.671 -0.367,-37.077 -19.426,-37.077H118.183c-19.059,0 -30.275,21.406 -19.426,37.077l51.811,74.838L15.836,335.833C5.516,351.066 0,369.043 0,387.443l0,0c0,50.82 41.198,92.018 92.017,92.018h174.495c50.82,0 92.017,-41.198 92.017,-92.018l0,0C358.529,369.043 353.013,351.066 342.693,335.833z"/>
<path android:fillColor="#color/colorLightOrange" android:pathData="M342.693,335.833L207.961,136.955l51.811,-74.838c10.849,-15.671 -0.367,-37.077 -19.426,-37.077h-22.144c17.303,0 27.486,21.406 17.637,37.077l-47.038,74.838L311.12,335.833c9.369,15.233 14.377,33.211 14.377,51.61c0,50.82 -37.402,92.018 -83.539,92.018h24.555c50.82,0 92.017,-41.198 92.017,-92.018C358.529,369.043 353.013,351.066 342.693,335.833z"/>
<path android:fillColor="#color/colorLightYellow" android:pathData="M214.129,144.548h-71.883c-4.194,0 -7.593,-3.399 -7.593,-7.593s3.4,-7.593 7.593,-7.593h71.883c4.194,0 7.593,3.399 7.593,7.593S218.323,144.548 214.129,144.548z"/>
<path android:fillColor="#FCAB29" android:pathData="M393.083,249.127c-65.571,0 -118.917,53.346 -118.917,118.917c0,65.57 53.346,118.916 118.917,118.916S512,433.614 512,368.044C512,302.473 458.654,249.127 393.083,249.127z"/>
<path android:fillColor="#DD8D19" android:pathData="M458.128,268.543c22.753,21.675 36.953,52.25 36.953,86.081c0,65.57 -53.346,118.916 -118.917,118.916c-23.991,0 -46.341,-7.148 -65.045,-19.417c21.347,20.336 50.223,32.836 81.964,32.836C458.654,486.96 512,433.614 512,368.044C512,326.464 490.544,289.807 458.128,268.543z"/>
<path android:fillColor="#F2DF33" android:pathData="M393.08,368.04m-80.17,0a80.17,80.17 0,1 1,160.34 0a80.17,80.17 0,1 1,-160.34 0"/>
<path android:fillColor="#FCAB29" android:pathData="M403.037,360.544h-19.908c-5.535,0 -10.038,-4.503 -10.038,-10.038s4.503,-10.038 10.038,-10.038h29.192c4.142,0 7.5,-3.357 7.5,-7.5s-3.358,-7.5 -7.5,-7.5h-11.738v-7.827c0,-4.143 -3.358,-7.5 -7.5,-7.5s-7.5,3.357 -7.5,7.5v7.827h-2.454c-13.806,0 -25.038,11.232 -25.038,25.038s11.232,25.038 25.038,25.038h19.908c5.535,0 10.038,4.503 10.038,10.037c0,5.535 -4.503,10.038 -10.038,10.038h-29.192c-4.142,0 -7.5,3.357 -7.5,7.5s3.358,7.5 7.5,7.5h11.739v7.827c0,4.143 3.358,7.5 7.5,7.5s7.5,-3.357 7.5,-7.5v-7.827h2.454c13.806,0 25.038,-11.232 25.038,-25.038S416.843,360.544 403.037,360.544z"/>
<path android:fillColor="#color/colorLightYellow" android:pathData="M368.669,144.262l-18.046,-14.437c-0.019,-0.016 -0.042,-0.025 -0.061,-0.041c-0.315,-0.248 -0.648,-0.473 -1.001,-0.668c-0.007,-0.003 -0.013,-0.008 -0.02,-0.012c-0.339,-0.186 -0.696,-0.339 -1.064,-0.472c-0.05,-0.018 -0.1,-0.038 -0.15,-0.055c-0.347,-0.116 -0.704,-0.207 -1.071,-0.272c-0.065,-0.011 -0.129,-0.02 -0.193,-0.029c-0.368,-0.056 -0.741,-0.093 -1.124,-0.093s-0.756,0.038 -1.124,0.093c-0.065,0.01 -0.129,0.018 -0.193,0.029c-0.367,0.065 -0.725,0.156 -1.071,0.272c-0.051,0.017 -0.1,0.037 -0.15,0.055c-0.368,0.132 -0.725,0.286 -1.064,0.472c-0.007,0.004 -0.013,0.009 -0.02,0.012c-0.353,0.195 -0.686,0.421 -1.001,0.668c-0.02,0.016 -0.042,0.025 -0.061,0.041l-18.046,14.437c-3.234,2.588 -3.759,7.307 -1.171,10.542c2.587,3.233 7.306,3.759 10.542,1.171l5.861,-4.688v68.76c0,4.143 3.358,7.5 7.5,7.5s7.5,-3.357 7.5,-7.5v-68.76l5.861,4.688c1.383,1.106 3.037,1.644 4.68,1.644c2.2,0 4.38,-0.963 5.861,-2.814C372.429,151.568 371.904,146.85 368.669,144.262z"/>
<path android:fillColor="#color/colorLightYellow" android:pathData="M462.959,104.039l-18.046,-14.437c-0.019,-0.016 -0.042,-0.025 -0.061,-0.041c-0.315,-0.248 -0.648,-0.473 -1.001,-0.668c-0.007,-0.003 -0.013,-0.008 -0.02,-0.012c-0.339,-0.186 -0.696,-0.339 -1.064,-0.472c-0.05,-0.018 -0.1,-0.038 -0.15,-0.055c-0.347,-0.116 -0.704,-0.207 -1.071,-0.272c-0.065,-0.011 -0.129,-0.02 -0.193,-0.029c-0.368,-0.056 -0.741,-0.093 -1.124,-0.093s-0.756,0.038 -1.124,0.093c-0.065,0.01 -0.129,0.018 -0.193,0.029c-0.367,0.065 -0.725,0.156 -1.071,0.272c-0.051,0.017 -0.1,0.037 -0.15,0.055c-0.368,0.132 -0.725,0.286 -1.064,0.472c-0.007,0.004 -0.013,0.009 -0.02,0.012c-0.353,0.195 -0.686,0.421 -1.001,0.668c-0.02,0.016 -0.042,0.025 -0.061,0.041l-18.046,14.437c-3.234,2.588 -3.759,7.307 -1.171,10.542c2.587,3.233 7.306,3.758 10.542,1.171l5.861,-4.688v68.76c0,4.143 3.358,7.5 7.5,7.5s7.5,-3.357 7.5,-7.5v-68.76l5.861,4.688c1.383,1.106 3.037,1.644 4.68,1.644c2.2,0 4.38,-0.963 5.861,-2.814C466.718,111.346 466.193,106.627 462.959,104.039z"/>
</vector>
than this website shows me this:
but my actual vector is this:
The website doesn't show the knapsack and those 2 arrows and after exporting also, it only shows the coins only.
I need to make this vector into PNG, that why I am trying it to make SVG then PNG, and I tried few more websites but either those shows deprecated.
I have converted it without of any programm. Here is the SVG for you:
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 512 512">
<path fill="#fcab29" d="M150.561,144.549c-1.315,0 -2.647,-0.341 -3.86,-1.06L52.164,87.532c-3.609,-2.136 -4.803,-6.793 -2.667,-10.402c2.137,-3.608 6.793,-4.802 10.402,-2.667l94.537,55.957c3.609,2.136 4.803,6.793 2.667,10.402C155.685,143.217 153.156,144.549 150.561,144.549z"/>
<path fill="#fcab29" d="M150.568,144.548H47.842c-4.194,0 -7.593,-3.399 -7.593,-7.593s3.4,-7.593 7.593,-7.593h102.727c4.194,0 7.593,3.399 7.593,7.593S154.762,144.548 150.568,144.548z"/>
<path fill="#ed664c" d="M342.693,335.833L207.961,136.955l51.811,-74.838c10.849,-15.671 -0.367,-37.077 -19.426,-37.077H118.183c-19.059,0 -30.275,21.406 -19.426,37.077l51.811,74.838L15.836,335.833C5.516,351.066 0,369.043 0,387.443l0,0c0,50.82 41.198,92.018 92.017,92.018h174.495c50.82,0 92.017,-41.198 92.017,-92.018l0,0C358.529,369.043 353.013,351.066 342.693,335.833z"/>
<path fill="#ed664c" d="M342.693,335.833L207.961,136.955l51.811,-74.838c10.849,-15.671 -0.367,-37.077 -19.426,-37.077h-22.144c17.303,0 27.486,21.406 17.637,37.077l-47.038,74.838L311.12,335.833c9.369,15.233 14.377,33.211 14.377,51.61c0,50.82 -37.402,92.018 -83.539,92.018h24.555c50.82,0 92.017,-41.198 92.017,-92.018C358.529,369.043 353.013,351.066 342.693,335.833z"/>
<path fill="#fcab29" d="M214.129,144.548h-71.883c-4.194,0 -7.593,-3.399 -7.593,-7.593s3.4,-7.593 7.593,-7.593h71.883c4.194,0 7.593,3.399 7.593,7.593S218.323,144.548 214.129,144.548z"/>
<path fill="#FCAB29" d="M393.083,249.127c-65.571,0 -118.917,53.346 -118.917,118.917c0,65.57 53.346,118.916 118.917,118.916S512,433.614 512,368.044C512,302.473 458.654,249.127 393.083,249.127z"/>
<path fill="#DD8D19" d="M458.128,268.543c22.753,21.675 36.953,52.25 36.953,86.081c0,65.57 -53.346,118.916 -118.917,118.916c-23.991,0 -46.341,-7.148 -65.045,-19.417c21.347,20.336 50.223,32.836 81.964,32.836C458.654,486.96 512,433.614 512,368.044C512,326.464 490.544,289.807 458.128,268.543z"/>
<path fill="#F2DF33" d="M393.08,368.04m-80.17,0a80.17,80.17 0,1 1,160.34 0a80.17,80.17 0,1 1,-160.34 0"/>
<path fill="#FCAB29" d="M403.037,360.544h-19.908c-5.535,0 -10.038,-4.503 -10.038,-10.038s4.503,-10.038 10.038,-10.038h29.192c4.142,0 7.5,-3.357 7.5,-7.5s-3.358,-7.5 -7.5,-7.5h-11.738v-7.827c0,-4.143 -3.358,-7.5 -7.5,-7.5s-7.5,3.357 -7.5,7.5v7.827h-2.454c-13.806,0 -25.038,11.232 -25.038,25.038s11.232,25.038 25.038,25.038h19.908c5.535,0 10.038,4.503 10.038,10.037c0,5.535 -4.503,10.038 -10.038,10.038h-29.192c-4.142,0 -7.5,3.357 -7.5,7.5s3.358,7.5 7.5,7.5h11.739v7.827c0,4.143 3.358,7.5 7.5,7.5s7.5,-3.357 7.5,-7.5v-7.827h2.454c13.806,0 25.038,-11.232 25.038,-25.038S416.843,360.544 403.037,360.544z"/>
<path fill="#fcab29" d="M368.669,144.262l-18.046,-14.437c-0.019,-0.016 -0.042,-0.025 -0.061,-0.041c-0.315,-0.248 -0.648,-0.473 -1.001,-0.668c-0.007,-0.003 -0.013,-0.008 -0.02,-0.012c-0.339,-0.186 -0.696,-0.339 -1.064,-0.472c-0.05,-0.018 -0.1,-0.038 -0.15,-0.055c-0.347,-0.116 -0.704,-0.207 -1.071,-0.272c-0.065,-0.011 -0.129,-0.02 -0.193,-0.029c-0.368,-0.056 -0.741,-0.093 -1.124,-0.093s-0.756,0.038 -1.124,0.093c-0.065,0.01 -0.129,0.018 -0.193,0.029c-0.367,0.065 -0.725,0.156 -1.071,0.272c-0.051,0.017 -0.1,0.037 -0.15,0.055c-0.368,0.132 -0.725,0.286 -1.064,0.472c-0.007,0.004 -0.013,0.009 -0.02,0.012c-0.353,0.195 -0.686,0.421 -1.001,0.668c-0.02,0.016 -0.042,0.025 -0.061,0.041l-18.046,14.437c-3.234,2.588 -3.759,7.307 -1.171,10.542c2.587,3.233 7.306,3.759 10.542,1.171l5.861,-4.688v68.76c0,4.143 3.358,7.5 7.5,7.5s7.5,-3.357 7.5,-7.5v-68.76l5.861,4.688c1.383,1.106 3.037,1.644 4.68,1.644c2.2,0 4.38,-0.963 5.861,-2.814C372.429,151.568 371.904,146.85 368.669,144.262z"/>
<path fill="#fcab29" d="M462.959,104.039l-18.046,-14.437c-0.019,-0.016 -0.042,-0.025 -0.061,-0.041c-0.315,-0.248 -0.648,-0.473 -1.001,-0.668c-0.007,-0.003 -0.013,-0.008 -0.02,-0.012c-0.339,-0.186 -0.696,-0.339 -1.064,-0.472c-0.05,-0.018 -0.1,-0.038 -0.15,-0.055c-0.347,-0.116 -0.704,-0.207 -1.071,-0.272c-0.065,-0.011 -0.129,-0.02 -0.193,-0.029c-0.368,-0.056 -0.741,-0.093 -1.124,-0.093s-0.756,0.038 -1.124,0.093c-0.065,0.01 -0.129,0.018 -0.193,0.029c-0.367,0.065 -0.725,0.156 -1.071,0.272c-0.051,0.017 -0.1,0.037 -0.15,0.055c-0.368,0.132 -0.725,0.286 -1.064,0.472c-0.007,0.004 -0.013,0.009 -0.02,0.012c-0.353,0.195 -0.686,0.421 -1.001,0.668c-0.02,0.016 -0.042,0.025 -0.061,0.041l-18.046,14.437c-3.234,2.588 -3.759,7.307 -1.171,10.542c2.587,3.233 7.306,3.758 10.542,1.171l5.861,-4.688v68.76c0,4.143 3.358,7.5 7.5,7.5s7.5,-3.357 7.5,-7.5v-68.76l5.861,4.688c1.383,1.106 3.037,1.644 4.68,1.644c2.2,0 4.38,-0.963 5.861,-2.814C466.718,111.346 466.193,106.627 462.959,104.039z"/>
</svg>
I can say also why you had bad luck on the converting site:
https://shapeshifter.design
It is because you have in your code not convertable color values like #color/colorLightYellow. If you change android:fillColor="#color/colorLightYellow" to android:fillColor="#fcab29" and android:fillColor="#color/colorLightOrange" to android:fillColor="#ed664c" overall in your code then you will be able to convert your Android vector drawable image into SVG on this site without any mistakes.
You can use the https://shapeshifter.design/
Import the vector and use export button
Someone created this https://vd.floo.app/ - very simple and easy to use, but I think that problem is caused by usage of Android resource link #color/colorLightYellow, bcz none of converters know about what the color it is)
I have an animated .SVG that animates perfectly in the browser, but when I import it into Andoroid Studio via the Vector Asset Studio, it turns it into a flat, monochrome image that doesn't animate. How do I keep Android Studio from breaking the file?
Here is the .xml file it converts it to:
<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:width="200dp"
android:height="200dp"
android:viewportWidth="100"
android:viewportHeight="100">
<path
android:pathData="M50,21.5L50,21.5A3,2.15 0,0 1,53 23.65L53,36.35A3,2.15 0,0 1,50 38.5L50,38.5A3,2.15 0,0 1,47 36.35L47,23.65A3,2.15 0,0 1,50 21.5z"
android:fillColor="#91979b"/>
<path
android:pathData="M66.752,26.943L66.752,26.943A2.15,3 126,0 1,67.915 30.446L60.45,40.72A2.15,3 126,0 1,56.76 40.696L56.76,40.696A2.15,3 126,0 1,55.596 37.194L63.061,26.919A2.15,3 126,0 1,66.752 26.943z"
android:fillColor="#91979b"/>
<path
android:pathData="M77.105,41.193L77.105,41.193A3,2.15 72,0 1,75.987 44.711L63.909,48.635A3,2.15 72,0 1,60.937 46.446L60.937,46.446A3,2.15 72,0 1,62.055 42.929L74.133,39.004A3,2.15 72,0 1,77.105 41.193z"
android:fillColor="#91979b"/>
<path
android:pathData="M77.105,58.807L77.105,58.807A3,2.15 108,0 1,74.133 60.996L62.055,57.071A3,2.15 108,0 1,60.937 53.554L60.937,53.554A3,2.15 108,0 1,63.909 51.365L75.987,55.289A3,2.15 108,0 1,77.105 58.807z"
android:fillColor="#91979b"/>
<path
android:pathData="M66.752,73.057L66.752,73.057A2.15,3 54,0 1,63.061 73.081L55.596,62.806A2.15,3 54,0 1,56.76 59.304L56.76,59.304A2.15,3 54,0 1,60.45 59.28L67.915,69.554A2.15,3 54,0 1,66.752 73.057z"
android:fillColor="#91979b"/>
<path
android:pathData="M50,78.5L50,78.5A2.15,3 90,0 1,47 76.35L47,63.65A2.15,3 90,0 1,50 61.5L50,61.5A2.15,3 90,0 1,53 63.65L53,76.35A2.15,3 90,0 1,50 78.5z"
android:fillColor="#91979b"/>
<path
android:pathData="M33.248,73.057L33.248,73.057A2.15,3 126,0 1,32.085 69.554L39.55,59.28A2.15,3 126,0 1,43.24 59.304L43.24,59.304A2.15,3 126,0 1,44.404 62.806L36.939,73.081A2.15,3 126,0 1,33.248 73.057z"
android:fillColor="#91979b"/>
<path
android:pathData="M22.895,58.807L22.895,58.807A3,2.15 72,0 1,24.013 55.289L36.091,51.365A3,2.15 72,0 1,39.063 53.554L39.063,53.554A3,2.15 72,0 1,37.945 57.071L25.867,60.996A3,2.15 72,0 1,22.895 58.807z"
android:fillColor="#91979b"/>
<path
android:pathData="M22.895,41.193L22.895,41.193A3,2.15 108,0 1,25.867 39.004L37.945,42.929A3,2.15 108,0 1,39.063 46.446L39.063,46.446A3,2.15 108,0 1,36.091 48.635L24.013,44.711A3,2.15 108,0 1,22.895 41.193z"
android:fillColor="#91979b"/>
<path
android:pathData="M33.248,26.943L33.248,26.943A2.15,3 54,0 1,36.939 26.919L44.404,37.194A2.15,3 54,0 1,43.24 40.696L43.24,40.696A2.15,3 54,0 1,39.55 40.72L32.085,30.446A2.15,3 54,0 1,33.248 26.943z"
android:fillColor="#91979b"/>
</vector>
If you'd use AnimatedSvgView, you'd only have to add these paths into a string-array.
Recently i started to create adaptive icons for android app
SVG File Import for ic_launcher_background.xml successfully, but for ic_launcher_foreground.xml am getting error below like this
ERROR # line 8: Unsupported color format "rgba(0,0,0,0)"
ERROR # line 9: is not supported
Note: i can't able to post the full code so i remove the path data
<vector xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:aapt="http://schemas.android.com/aapt"
android:width="108dp"
android:height="108dp"
android:viewportWidth="108"
android:viewportHeight="108">
<group>
<clip-path android:pathData="M0 0H108V108H0V0Z" />
<path
android:fillColor="#00000000"
android:pathData="M0 0H108V108H0V0Z" />
<group
android:translateX="54.5"
android:translateY="52.5">
<path
android:fillColor="#FFE600"
android:pathData="M-16.06429 -19.14453L-16.06429 -1.557617L-12.76498 -1.217773L-12.76498 0L-23.44173 0L-23.44173 -1.217773L-20.15658 -1.557617L-20.15658 -15.87354L-23.42757 -14.79736L-23.42757 -16.00098L-18.07504 -19.14453L-16.06429 -19.14453ZM2.131508 -9.572266L2.131508 -9.572266Q2.131508 0.2832031 -4.098961 0.2832031L-4.098961 0.2832031Q-7.100914 0.2832031 -8.630211 -2.237305Q-10.15951 -4.757813 -10.15951 -9.572266L-10.15951 -9.572266Q-10.15951 -14.2876 -8.630211 -16.78687Q-7.100914 -19.28613 -3.98568 -19.28613L-3.98568 -19.28613Q-0.9837266 -19.28613 0.5738906 -16.81519Q2.131508 -14.34424 2.131508 -9.572266ZM-2.017418 -9.572266L-2.017418 -9.572266Q-2.017418 -13.99023 -2.513023 -15.9231Q-3.008629 -17.85596 -4.070641 -17.85596L-4.070641 -17.85596Q-5.118492 -17.85596 -5.564537 -15.98682Q-6.010582 -14.11768 -6.010582 -9.572266L-6.010582 -9.572266Q-6.010582 -4.956055 -5.557457 -3.044434Q-5.104332 -1.132813 -4.070641 -1.132813L-4.070641 -1.132813Q-3.022789 -1.132813 -2.520104 -3.093994Q-2.017418 -5.055176 -2.017418 -9.572266ZM16.33414 -14.31592L16.33414 -14.31592Q16.33414 -12.7583 15.5695 -11.66089Q14.80485 -10.56348 13.41715 -10.06787L13.41715 -10.06787Q15.04557 -9.458984 15.90934 -8.18457Q16.77311 -6.910156 16.77311 -5.125977L16.77311 -5.125977Q16.77311 -2.435547 15.22257 -1.076172Q13.67204 0.2832031 10.40104 0.2832031L10.40104 0.2832031Q4.198891 0.2832031 4.198891 -5.125977L4.198891 -5.125977Q4.198891 -6.938477 5.07682 -8.212891Q5.95475 -9.487305 7.512367 -10.06787L7.512367 -10.06787Q6.138832 -10.5918 5.388344 -11.68213Q4.637855 -12.77246 4.637855 -14.3584L4.637855 -14.3584Q4.637855 -16.68066 6.174232 -17.9834Q7.710609 -19.28613 10.51432 -19.28613L10.51432 -19.28613Q13.26139 -19.28613 14.79777 -17.96216Q16.33414 -16.63818 16.33414 -14.31592ZM12.75163 -5.125977L12.75163 -5.125977Q12.75163 -7.306641 12.18522 -8.297852Q11.61881 -9.289063 10.40104 -9.289063L10.40104 -9.289063Q9.239906 -9.289063 8.730141 -8.326172Q8.220375 -7.363281 8.220375 -5.125977L8.220375 -5.125977Q8.220375 -2.931152 8.737221 -2.039063Q9.254066 -1.146973 10.40104 -1.146973L10.40104 -1.146973Q11.61881 -1.146973 12.18522 -2.081543Q12.75163 -3.016113 12.75163 -5.125977ZM12.31266 -14.31592L12.31266 -14.31592Q12.31266 -16.1709 11.84538 -17.01343Q11.37809 -17.85596 10.42936 -17.85596L10.42936 -17.85596Q9.523109 -17.85596 9.091225 -17.02051Q8.65934 -16.18506 8.65934 -14.31592L8.65934 -14.31592Q8.65934 -12.39014 9.084145 -11.59717Q9.508949 -10.8042 10.42936 -10.8042L10.42936 -10.8042Q11.40641 -10.8042 11.85954 -11.61841Q12.31266 -12.43262 12.31266 -14.31592Z"
android:strokeWidth="0.5"
android:strokeColor="#DC8B00" />
</group>
<group
android:translateX="54.5"
android:translateY="70.5">
<path
android:fillColor="#FFE600"
android:pathData="M-11.78146 -3.598633L-11.78146 -3.598633Q-11.78146 -5.15625 -12.3508 -5.884033Q-12.92014 -6.611816 -14.20383 -6.611816L-14.20383 -6.611816L-14.60129 -6.611816L-14.60129 -0.6123047Q-14.08566 -0.5693359 -13.66672 -0.5693359L-13.66672 -0.5693359Q-12.96848 -0.5693359 -12.56296 -0.8701172Q-12.15744 -1.170898 -11.96945 -1.812744Q-11.78146 -2.45459 -11.78146 -3.598633ZM-17.21164 -7.202637L-13.79025 -7.202637Q-11.85129 -7.202637 -10.92478 -6.324463Q-9.998262 -5.446289 -9.998262 -3.641602L-9.998262 -3.641602Q-9.998262 -1.788574 -10.88449 -0.8835449Q-11.77072 0.02148438 -13.56467 0.02148438L-13.56467 0.02148438L-15.97629 0L-17.21164 0L-17.21164 -0.3920898L-16.28781 -0.5371094L-16.28781 -6.670898L-17.21164 -6.810547L-17.21164 -7.202637ZM-7.119355 -7.632324L-7.119355 -5.446289Q-7.119355 -5.091797 -7.151582 -4.608398L-7.151582 -4.608398L-6.780977 -4.796387Q-6.018281 -5.183105 -5.411348 -5.183105L-5.411348 -5.183105Q-4.014863 -5.183105 -4.014863 -3.695313L-4.014863 -3.695313L-4.014863 -0.4833984L-3.50998 -0.3544922L-3.50998 0L-6.018281 0L-6.018281 -0.3544922L-5.567109 -0.4833984L-5.567109 -3.48584Q-5.567109 -3.937012 -5.757783 -4.189453Q-5.948457 -4.441895 -6.302949 -4.441895L-6.302949 -4.441895Q-6.711152 -4.441895 -7.119355 -4.259277L-7.119355 -4.259277L-7.119355 -0.4833984L-6.657441 -0.3544922L-6.657441 0L-9.165742 0L-9.165742 -0.3544922L-8.671602 -0.4833984L-8.671602 -7.148926L-9.187227 -7.277832L-9.187227 -7.632324L-7.119355 -7.632324ZM-1.00168 -5.048828L-1.00168 -0.4833984L-0.448457 -0.3544922L-0.448457 0L-3.101777 0L-3.101777 -0.3544922L-2.553926 -0.4833984L-2.553926 -4.56543L-3.069551 -4.694336L-3.069551 -5.048828L-1.00168 -5.048828ZM-2.607637 -6.810547L-2.607637 -6.810547Q-2.607637 -7.159668 -2.363252 -7.395996Q-2.118867 -7.632324 -1.780488 -7.632324L-1.780488 -7.632324Q-1.436738 -7.632324 -1.197725 -7.393311Q-0.9587109 -7.154297 -0.9587109 -6.810547L-0.9587109 -6.810547Q-0.9587109 -6.472168 -1.195039 -6.227783Q-1.431367 -5.983398 -1.780488 -5.983398L-1.780488 -5.983398Q-2.124238 -5.983398 -2.365938 -6.222412Q-2.607637 -6.461426 -2.607637 -6.810547ZM4.847441 -4.586914L2.82791 0.1074219L2.178008 0.1074219L0.06716797 -4.56543L-0.2873242 -4.694336L-0.2873242 -5.048828L2.296172 -5.048828L2.296172 -4.694336L1.694609 -4.554688L2.989043 -1.675781L4.15457 -4.56543L3.56375 -4.694336L3.56375 -5.048828L5.212676 -5.048828L5.212676 -4.694336L4.847441 -4.586914ZM7.694121 0.1557617L7.694121 0.1557617L5.67459 -4.56543L5.320098 -4.694336L5.320098 -5.048828L7.903594 -5.048828L7.903594 -4.694336L7.302031 -4.554688L8.489043 -1.761719L9.547148 -4.56543L8.956328 -4.694336L8.956328 -5.048828L10.60525 -5.048828L10.60525 -4.694336L10.24002 -4.586914L8.247344 0.3168945Q7.903594 1.192383 7.645781 1.587158Q7.387969 1.981934 7.07376 2.177979Q6.759551 2.374023 6.356719 2.374023L6.356719 2.374023Q5.92166 2.374023 5.470488 2.271973L5.470488 2.271973L5.470488 0.972168L5.792754 0.972168L6.023711 1.648926Q6.179473 1.772461 6.421172 1.772461L6.421172 1.772461Q6.625273 1.772461 6.781035 1.675781Q6.936797 1.579102 7.07376 1.396484Q7.210723 1.213867 7.334258 0.947998Q7.457793 0.6821289 7.694121 0.1557617ZM13.64529 -5.161621L13.64529 -5.161621Q15.54129 -5.161621 15.54129 -3.765137L15.54129 -3.765137L15.54129 -0.4833984L16.04617 -0.3544922L16.04617 0L14.18777 0L14.06961 -0.3867188Q13.65066 -0.1020508 13.31229 0.002685547Q12.97391 0.1074219 12.63016 0.1074219L12.63016 0.1074219Q11.06717 0.1074219 11.06717 -1.396484L11.06717 -1.396484Q11.06717 -1.96582 11.29812 -2.306885Q11.52908 -2.647949 11.96414 -2.811768Q12.3992 -2.975586 13.33377 -2.99707L13.33377 -2.99707L13.98904 -3.013184L13.98904 -3.749023Q13.98904 -4.662109 13.24246 -4.662109L13.24246 -4.662109Q12.79129 -4.662109 12.2327 -4.382813L12.2327 -4.382813L12.02859 -3.754395L11.6741 -3.754395L11.6741 -4.973633Q12.48514 -5.097168 12.86648 -5.129395Q13.24783 -5.161621 13.64529 -5.161621ZM13.98904 -0.7304688L13.98904 -2.535156L13.53787 -2.519043Q13.01687 -2.497559 12.81546 -2.245117Q12.61404 -1.992676 12.61404 -1.428711L12.61404 -1.428711Q12.61404 -0.972168 12.77518 -0.7573242Q12.93631 -0.5424805 13.19412 -0.5424805L13.19412 -0.5424805Q13.55936 -0.5424805 13.98904 -0.7304688L13.98904 -0.7304688Z"
android:strokeWidth="0.5"
android:strokeColor="#DC8B00" />
<path
android:fillColor="#FFE600"
android:pathData="M-14.81646 7.401367L-14.81646 7.401367Q-14.81646 5.84375 -15.3858 5.115967Q-15.95514 4.388184 -17.23883 4.388184L-17.23883 4.388184L-17.63629 4.388184L-17.63629 10.3877Q-17.12066 10.43066 -16.70172 10.43066L-16.70172 10.43066Q-16.00348 10.43066 -15.59796 10.12988Q-15.19244 9.829102 -15.00445 9.187256Q-14.81646 8.54541 -14.81646 7.401367ZM-20.24664 3.797363L-16.82525 3.797363Q-14.88629 3.797363 -13.95978 4.675537Q-13.03326 5.553711 -13.03326 7.358398L-13.03326 7.358398Q-13.03326 9.211426 -13.91949 10.11646Q-14.80572 11.02148 -16.59967 11.02148L-16.59967 11.02148L-19.01129 11L-20.24664 11L-20.24664 10.60791L-19.32281 10.46289L-19.32281 4.329102L-20.24664 4.189453L-20.24664 3.797363ZM-9.842832 5.827637L-9.842832 5.827637Q-8.816953 5.827637 -8.357725 6.375488Q-7.898496 6.92334 -7.898496 8.078125L-7.898496 8.078125L-7.898496 8.518555L-10.54645 8.518555L-10.54645 8.604492Q-10.54645 9.404785 -10.41754 9.743164Q-10.28863 10.08154 -9.998594 10.25879Q-9.708555 10.43604 -9.203672 10.43604L-9.203672 10.43604Q-8.731016 10.43604 -8.011289 10.28027L-8.011289 10.28027L-8.011289 10.69385Q-8.306699 10.87109 -8.77667 10.98657Q-9.246641 11.10205 -9.692441 11.10205L-9.692441 11.10205Q-10.93316 11.10205 -11.52667 10.45483Q-12.12018 9.807617 -12.12018 8.44873L-12.12018 8.44873Q-12.12018 7.127441 -11.55353 6.477539Q-10.98688 5.827637 -9.842832 5.827637ZM-9.901914 6.370117L-9.901914 6.370117Q-10.22418 6.370117 -10.38263 6.719238Q-10.54107 7.068359 -10.54107 7.95459L-10.54107 7.95459L-9.370176 7.95459Q-9.370176 7.234863 -9.418516 6.942139Q-9.466855 6.649414 -9.582334 6.509766Q-9.697813 6.370117 -9.901914 6.370117ZM-3.601621 9.399414L-3.601621 9.399414Q-3.601621 10.24268 -4.119932 10.67505Q-4.638242 11.10742 -5.626523 11.10742L-5.626523 11.10742Q-6.034727 11.10742 -6.526182 11.0188Q-7.017637 10.93018 -7.270078 10.8335L-7.270078 10.8335L-7.270078 9.458496L-6.915586 9.458496L-6.711484 10.16748Q-6.523496 10.35547 -6.217344 10.48169Q-5.911191 10.60791 -5.594297 10.60791L-5.594297 10.60791Q-5.127012 10.60791 -4.89874 10.40649Q-4.670469 10.20508 -4.670469 9.893555L-4.670469 9.893555Q-4.670469 9.598145 -4.890684 9.420898Q-5.110898 9.243652 -5.852109 9.012695L-5.852109 9.012695Q-6.630918 8.770996 -6.955869 8.352051Q-7.28082 7.933105 -7.28082 7.320801L-7.28082 7.320801Q-7.28082 6.633301 -6.770566 6.225098Q-6.260313 5.816895 -5.454648 5.816895L-5.454648 5.816895Q-4.901426 5.816895 -3.966855 5.972656L-3.966855 5.972656L-3.966855 7.26709L-4.321348 7.26709L-4.493223 6.67627Q-4.648984 6.520508 -4.930967 6.421143Q-5.212949 6.321777 -5.465391 6.321777L-5.465391 6.321777Q-5.852109 6.321777 -6.037412 6.480225Q-6.222715 6.638672 -6.222715 6.912598L-6.222715 6.912598Q-6.222715 7.197266 -5.991758 7.379883Q-5.760801 7.5625 -5.041074 7.777344L-5.041074 7.777344Q-4.256895 8.019043 -3.929258 8.413818Q-3.601621 8.808594 -3.601621 9.399414ZM-0.9912695 3.367676L-0.9912695 5.553711Q-0.9912695 5.908203 -1.023496 6.391602L-1.023496 6.391602L-0.6528906 6.203613Q0.1098047 5.816895 0.7167383 5.816895L0.7167383 5.816895Q2.113223 5.816895 2.113223 7.304688L2.113223 7.304688L2.113223 10.5166L2.618105 10.64551L2.618105 11L0.1098047 11L0.1098047 10.64551L0.5609766 10.5166L0.5609766 7.51416Q0.5609766 7.062988 0.3703027 6.810547Q0.1796289 6.558105 -0.1748633 6.558105L-0.1748633 6.558105Q-0.5830664 6.558105 -0.9912695 6.740723L-0.9912695 6.740723L-0.9912695 10.5166L-0.5293555 10.64551L-0.5293555 11L-3.037656 11L-3.037656 10.64551L-2.543516 10.5166L-2.543516 3.851074L-3.059141 3.722168L-3.059141 3.367676L-0.9912695 3.367676ZM5.717227 5.838379L5.717227 5.838379Q7.613223 5.838379 7.613223 7.234863L7.613223 7.234863L7.613223 10.5166L8.118105 10.64551L8.118105 11L6.259707 11L6.141543 10.61328Q5.722598 10.89795 5.384219 11.00269Q5.04584 11.10742 4.70209 11.10742L4.70209 11.10742Q3.139102 11.10742 3.139102 9.603516L3.139102 9.603516Q3.139102 9.03418 3.370059 8.693115Q3.601016 8.352051 4.036074 8.188232Q4.471133 8.024414 5.405703 8.00293L5.405703 8.00293L6.060977 7.986816L6.060977 7.250977Q6.060977 6.337891 5.314395 6.337891L5.314395 6.337891Q4.863223 6.337891 4.304629 6.617188L4.304629 6.617188L4.100527 7.245605L3.746035 7.245605L3.746035 6.026367Q4.55707 5.902832 4.938418 5.870605Q5.319766 5.838379 5.717227 5.838379ZM6.060977 10.26953L6.060977 8.464844L5.609805 8.480957Q5.088809 8.502441 4.887393 8.754883Q4.685977 9.007324 4.685977 9.571289L4.685977 9.571289Q4.685977 10.02783 4.847109 10.24268Q5.008242 10.45752 5.266055 10.45752L5.266055 10.45752Q5.631289 10.45752 6.060977 10.26953L6.060977 10.26953ZM10.54047 5.951172L10.61566 6.391602L10.9809 6.203613Q11.73285 5.816895 12.32904 5.816895L12.32904 5.816895Q13.23139 5.816895 13.53217 6.472168L13.53217 6.472168Q14.63324 5.816895 15.39057 5.816895L15.39057 5.816895Q16.75482 5.816895 16.75482 7.304688L16.75482 7.304688L16.75482 10.5166L17.25971 10.64551L17.25971 11L14.75141 11L14.75141 10.64551L15.20258 10.5166L15.20258 7.51416Q15.20258 7.062988 15.02802 6.810547Q14.85346 6.558105 14.49896 6.558105L14.49896 6.558105Q14.1015 6.558105 13.63959 6.783691L13.63959 6.783691Q13.6933 7.009277 13.6933 7.304688L13.6933 7.304688L13.6933 10.5166L14.19818 10.64551L14.19818 11L11.68988 11L11.68988 10.64551L12.14105 10.5166L12.14105 7.51416Q12.14105 7.062988 11.96649 6.810547Q11.79193 6.558105 11.43744 6.558105L11.43744 6.558105Q11.08295 6.558105 10.62641 6.767578L10.62641 6.767578L10.62641 10.5166L11.08832 10.64551L11.08832 11L8.58002 11L8.58002 10.64551L9.07416 10.5166L9.07416 6.43457L8.58002 6.305664L8.58002 5.951172L10.54047 5.951172Z"
android:strokeWidth="0.5"
android:strokeColor="#DC8B00" />
</group>
</group>
</vector>
Solution is you need to fix your SVG first.
Very easy like this:
fill="#186bfe" fill-opacity="0.3"
Your case rgba(0,0,0,0). then it should be fixed
fill="#000000" fill-opacity="0"
I'm getting the svg string from this library, and I wanted to rasterize it on both Android and iOS with SkiaSharp:
<svg viewBox="0 0 160 160" width="160" height="160" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/2000/xlink">
<defs>
<clipPath id="hexagon-clip-3602224084" transform="scale(0.5) translate(0, 16)">
<path d="M251.6 17.34l63.53 110.03c5.72 9.9 5.72 22.1 0 32L251.6 269.4c-5.7 9.9-16.27 16-27.7 16H96.83c-11.43 0-22-6.1-27.7-16L5.6 159.37c-5.7-9.9-5.7-22.1 0-32L69.14 17.34c5.72-9.9 16.28-16 27.7-16H223.9c11.43 0 22 6.1 27.7 16z" />
</clipPath>
</defs>
<path fill="white" stroke="#bbbbbb" transform="translate(0, 8) scale(0.5)" d="M251.6 17.34l63.53 110.03c5.72 9.9 5.72 22.1 0 32L251.6 269.4c-5.7 9.9-16.27 16-27.7 16H96.83c-11.43 0-22-6.1-27.7-16L5.6 159.37c-5.7-9.9-5.7-22.1 0-32L69.14 17.34c5.72-9.9 16.28-16 27.7-16H223.9c11.43 0 22 6.1 27.7 16z" />
<g transform="scale(0.9) translate(9, 8)">
<g clip-path="url(#hexagon-clip-3602224084)">
<g color="#3949ab" fill="#fb8c00">
<rect fill="#795548" x="0" y="0" width="160" height="160">
</rect>
<circle cx="80" cy="80" r="40" fill="#3949ab">
</circle>
<g opacity=".1" fill="#010101">
<path d="M119.21,80a39.46,39.46,0,0,1-67.13,28.13c10.36,2.33,36,3,49.82-14.28,10.39-12.47,8.31-33.23,4.16-43.26A39.35,39.35,0,0,1,119.21,80Z" />
</g>
<path d="M78.1 20.6C59.9 21.7 45.6 26.4 46 31.1s15.5 7.7 33.7 6.6 32.5-5.8 32.1-10.5-15.6-7.7-33.7-6.6zm1.3 14.5c-16.3.9-29.8-1.1-30.1-4.6s12.6-7.1 29-8.1 29.8 1.1 30.1 4.6-12.6 7.1-29 8.1z" opacity=".1" />
<path d="M78.1 19.6C59.9 20.7 45.6 25.4 46 30.1s15.5 7.7 33.7 6.6 32.5-5.8 32.1-10.5-15.6-7.7-33.7-6.6zm1.3 14.5c-16.3.9-29.8-1.1-30.1-4.6s12.6-7.1 29-8.1 29.8 1.1 30.1 4.6-12.6 7.1-29 8.1z" fill="#fff800" />
<path d="M29.958 70.973s6.103-5.042 10.083 2.034c3.98 7.076-.973 12.118-.973 12.118s11.057 15.302 19.106 16.187c0 0 3.361-4.865 10.26-1.504 6.9 3.361 3.804 9.464 3.804 9.464s-2.035 4.07-9.022 4.07c-6.988 0-24.148-13.092-30.163-25.121-6.014-12.03-4.068-15.214-3.095-17.248z" stroke-width=".885" />
<path d="M29.958 70.973s6.103-5.042 10.083 2.034c3.98 7.076-.973 12.118-.973 12.118s11.057 15.302 19.106 16.187c0 0 3.361-4.865 10.26-1.504 6.9 3.361 3.804 9.464 3.804 9.464-4.334-7.518-7.873-6.633-15.214-6.191-12.118-3.184-21.582-14.418-20.079-16.806 0 .088 5.307-14.595-6.987-15.302z" opacity=".18" fill="#010101" stroke-width=".885" />
<path d="M26.7 55.6c-4.2 2.2-8.8 8.3-9.7 13" fill="none" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
<path d="M30 59.2c-3.4 1.8-7.2 6.8-7.9 10.7" opacity=".6" fill="none" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
<path d="M94 85s4.8-2 8.2 0c.8.4.7 1.1 0 2 0 0-3.4 4-4.1 4s-4.8-4-4.8-4c-.6-1-.3-1.7.7-2z" fill="#3a3a3a" />
<path d="M99.3 84.1c1 .2 2 .4 3 .9.8.4.7 1.1 0 2-1.2 1.5-2.6 2.9-4.1 4 1.9-3.2 2.6-6.3 1.1-6.9z" opacity=".2" />
<path d="M96 100c1.6.2 2-5.8 2-9M88 95.5s7.5 11 18 0" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" />
<path d="M79 82s0-12 6-12 6 11.6 6 11.6S86 70 79 82zM102 82s0-12 6-12 6 11.6 6 11.6-5-11.6-12 .4z" fill="#010101" opacity=".6" />
<path d="M96 86s4-1 6 0h-6z" opacity=".3" fill="#fff" />
<path d="M93 90c-9.9-3.8-20.4-6.2-31-7M92.6 91.3c-12-2.8-27.7-1.2-27.7-1.2M92.5 93.2c-12.3-1-27.6 5-27.6 5M101 90c8.5-3.8 17.7-6.2 27-7M101.3 91.3c10.5-2.8 24.1-1.2 24.1-1.2M101.4 93.2c10.7-1 24 5 24 5" fill="none" stroke="#000" stroke-width=".5" stroke-linecap="round" stroke-linejoin="round" />
<path d="M46.4 101.1s-1.3 1.9-1.1 5.9c.7 9.7-2.1 19.5 3.5 26.4 5.6 7 16.7 11.8 22.9 8.4s5.6-15.3-1.4-20.2c-1.7-1.4-3.2-2.9-4.4-4.7-7.9-3.2-14.6-8.1-19.5-15.8z" fill="#99671d" />
<path d="M46.4 101.1s-1.3 1.9-1.1 5.9c.7 9.7-2.1 19.5 3.5 26.4 12.2 12.9 22.9 8.4 22.9 8.4-10.1 1.1-21.6-35.8-21.6-35.8-1.4-1.5-2.6-3.1-3.7-4.9z" fill="#6d4716" />
<path d="M54.8 115.4c-4 0-7.3-3.3-7.3-7.3.1-1.3.5-2.7 1.1-3.8.1-.2 7.1 8.1 10.8 9.5 0-.1-1.3 1.2-4.6 1.6z" fill="#fff" />
<path d="M58.8 113.3c-.8.3-1.7.5-2.6.6-3.4-.1-6-2.9-5.9-6.3 0-.6.1-1.2.2-1.8 0 .2 4.6 6.2 8.3 7.5z" opacity=".2" />
<path d="M94 124.5s-2.8 5.5-5.5 7.5c-1.2.8-2.3 1.8-3.4 2.7v4.4c0 .4 10.2-3 8.9-14.6z" fill="#6d4716" />
<path d="M94.6 124.5s-5.4-1.4-8.9 2c-3.4 3.4-3.4 8.2-1.4 8.2s2.2.7 10.3-10.2z" fill="#fff" />
<path d="M120.5 108.8s-4.8-8.2-19.1-.7c-14.3 7.5-2.7 23.2-15.7 30.7 0 0 3.7 3.64 8.39-5.85 4.644-9.396 4.61-24.75 26.41-24.15z" fill="#99671d" />
<path d="M85.8 138.8s6.1 2.7 10.2-10.9 8.9-21.8 20.4-21.1c1.6 0 3.2.6 4.4 1.7 5.6 5 1.3 19.6-4.4 24.2-6.8 5.4-21.8 10.9-27.9 8.9s-2.7-2.8-2.7-2.8z" fill="#444" />
<path d="M84.8 119.2l1 7.4c1.9-1.4 3.6-2.3 5-2.3l-.6-6.2c-1.8.5-3.6.8-5.4 1.1z" fill="#ffc866" />
<path d="M119.2 112.6h-11.6c-.3 0-.5-.2-.5-.5v-.1c0-.3.2-.5.5-.5h11.6c.3 0 .5.2.5.5v.1c0 .3-.2.5-.5.5zM120.3 115.8h-14.7c-.3 0-.5-.2-.5-.5v-.1c0-.3.2-.5.5-.5h14.7c.3 0 .5.2.5.5v.1c0 .3-.3.5-.5.5zM120.3 118.9h-17.9c-.3 0-.5-.2-.5-.5v-.1c0-.3.2-.5.5-.5h17.9c.3 0 .5.2.5.5v.1c0 .3-.3.5-.5.5zM119.2 122.1h-17.9c-.3 0-.5-.2-.5-.5v-.1c0-.3.2-.5.5-.5h17.9c.3 0 .5.2.5.5v.1c0 .2-.2.5-.5.5zM118.1 125.2h-17.9c-.3 0-.5-.2-.5-.5v-.1c0-.3.2-.5.5-.5h17.9c.3 0 .5.2.5.5v.1c0 .3-.2.5-.5.5zM116.1 128.4H98.2c-.3 0-.5-.2-.5-.5s.2-.5.5-.5h17.9c.3 0 .5.2.5.5 0 .2-.3.5-.5.5zM114 131.5H98.2c-.3 0-.5-.2-.5-.5s.2-.5.5-.5H114c.3 0 .5.2.5.5v.1c0 .2-.3.4-.5.4zM109.8 134.7H96.1c-.3 0-.5-.2-.5-.5v-.1c0-.3.2-.5.5-.5h13.7c.3 0 .5.2.5.5v.1c0 .2-.3.5-.5.5zM104.5 137.8H95c-.3 0-.5-.2-.5-.5v-.1c0-.3.2-.5.5-.5h9.5c.3 0 .5.2.5.5v.1c0 .3-.2.5-.5.5z" />
</g>
</g>
</g>
</svg>
This is how I'm currently doing it:
var byteArray = Encoding.ASCII.GetBytes(svgStoredAsString);
using (var inputStream = new MemoryStream(byteArray))
{
var svg = new SkiaSharp.Extended.Svg.SKSvg();
svg.Load(inputStream);
using (var bitmap = new SKBitmap(100, 100))
using (var canvas = new SKCanvas(bitmap))
{
canvas.Scale(100 / svg.CanvasSize.Width, 100 / svg.CanvasSize.Height);
canvas.DrawPicture(svg.Picture);
canvas.Flush();
canvas.Save();
using (var file = File.OpenWrite(path))
using (var outputStream = new SKManagedWStream(file))
{
bitmap.Encode(outputStream, SKEncodedImageFormat.Png, 100);
}
}
}
((Image)image).Source = ImageSource.FromFile(path);
The svg shows just fine on the browser and even opens on Illustrator:
This is what I'm getting instead when rasterizing with my code:
A SVG imported from Inkscape doesn't render in Android Studio. I'm not sure how to begin to trouble shoot this. Is there any in the xml code that gives a hint as to why?
<?xml version="1.0" encoding="utf-8"?>
<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:width="24dp"
android:height="10dp"
android:viewportWidth="188.56328"
android:viewportHeight="80.877213">
<path
android:strokeColor="#2cb71a"
android:strokeWidth="2.05815887"
android:strokeLineJoin="round"
android:pathData="M-185.37,134.151 L-0.63217,134.151 L-0.63217,213.584 L-185.37,213.584 L-185.37,134.151 Z" />
<path
android:fillColor="#2cb71a"
android:strokeWidth="2.41540718"
android:strokeLineJoin="round"
android:pathData="M-34.9949,145.281 C-32.1268,145.281,-29.8018,147.606,-29.8018,150.475 C-29.8018,153.343,-32.1268,155.668,-34.9949,155.668 C-37.863,155.668,-40.188,153.343,-40.188,150.475 C-40.188,147.606,-37.863,145.281,-34.9949,145.281 Z" />
<path
android:fillColor="#2cb71a"
android:strokeWidth="2.42433667"
android:strokeLineJoin="round"
android:pathData="M-35.1156,156.996 L-34.8741,156.996 Q-26.7825,156.996,-26.7825,165.088 L-26.7825,177.889 Q-26.7825,185.981,-34.8741,185.981 L-35.1156,185.981 Q-43.2073,185.981,-43.2073,177.889 L-43.2073,165.088 Q-43.2073,156.996,-35.1156,156.996 Z" />
<path
android:fillColor="#2cb71a"
android:strokeWidth="2.41540718"
android:strokeLineJoin="round"
android:pathData="M-104.59,121.139 L-104.59,121.139 Q-102.235,121.139,-102.235,123.494 L-102.235,133.155 Q-102.235,135.51,-104.59,135.51 L-104.59,135.51 Q-106.945,135.51,-106.945,133.155 L-106.945,123.494 Q-106.945,121.139,-104.59,121.139 Z" />
<path
android:fillColor="#2cb71a"
android:strokeWidth="2.41540718"
android:strokeLineJoin="round"
android:pathData="M128.593,104.735 L128.593,104.735 Q130.948,104.735,130.948,107.09 L130.948,116.752 Q130.948,119.107,128.593,119.107 L128.593,119.107 Q126.238,119.107,126.238,116.752 L126.238,107.09 Q126.238,104.735,128.593,104.735 Z" />
<path
android:fillColor="#2cb71a"
android:strokeWidth="2.41540718"
android:strokeLineJoin="round"
android:pathData="M-169.218,-6.47664 L-169.218,-6.47664 Q-166.863,-6.47664,-166.863,-4.12162 L-166.863,5.54001 Q-166.863,7.89503,-169.218,7.89503 L-169.218,7.89503 Q-171.573,7.89503,-171.573,5.54001 L-171.573,-4.12162 Q-171.573,-6.47664,-169.218,-6.47664 Z" />
<path
android:fillColor="#2cb71a"
android:fillAlpha="0.48387098"
android:strokeAlpha="0.48387098"
android:strokeWidth="2.41540718"
android:strokeLineJoin="round"
android:pathData="M-173.866,-7.92172 L-173.866,-7.92172 Q-171.511,-7.92172,-171.511,-5.5667 L-171.511,4.09493 Q-171.511,6.44995,-173.866,6.44995 L-173.866,6.44995 Q-176.221,6.44995,-176.221,4.09493 L-176.221,-5.5667 Q-176.221,-7.92172,-173.866,-7.92172 Z" />
<path
android:fillColor="#2cb71a"
android:fillAlpha="0.98999999"
android:strokeAlpha="0.98999999"
android:strokeWidth="2.41540718"
android:strokeLineJoin="round"
android:pathData="M-107.292,124.489 L-107.292,124.489 Q-104.937,124.489,-104.937,126.844 L-104.937,136.505 Q-104.937,138.86,-107.292,138.86 L-107.292,138.86 Q-109.647,138.86,-109.647,136.505 L-109.647,126.844 Q-109.647,124.489,-107.292,124.489 Z" />
<path
android:fillColor="#2cb71a"
android:strokeWidth="2.52457666"
android:strokeLineJoin="round"
android:pathData="M-70.6076,172.683 L-71.0429,172.683 Q-68.4702,172.683,-68.4702,175.256 L-68.4702,185.811 Q-68.4702,188.383,-71.0429,188.383 L-70.6076,188.383 Q-73.1803,188.383,-73.1803,185.811 L-73.1803,175.256 Q-73.1803,172.683,-70.6076,172.683 Z" />
<path
android:fillColor="#2cb71a"
android:strokeWidth="2.52457666"
android:strokeLineJoin="round"
android:pathData="M19.419,-211.623 L18.9836,-211.623 Q21.5563,-211.623,21.5563,-209.051 L21.5563,-198.496 Q21.5563,-195.923,18.9836,-195.923 L19.419,-195.923 Q16.8462,-195.923,16.8462,-198.496 L16.8462,-209.051 Q16.8462,-211.623,19.419,-211.623 Z" />
<path
android:fillColor="#2cb71a"
android:strokeWidth="2.52457666"
android:strokeLineJoin="round"
android:pathData="M-83.4017,169.639 L-83.8371,169.639 Q-81.2644,169.639,-81.2644,172.212 L-81.2644,182.766 Q-81.2644,185.339,-83.8371,185.339 L-83.4017,185.339 Q-85.9744,185.339,-85.9744,182.766 L-85.9744,172.212 Q-85.9744,169.639,-83.4017,169.639 Z" />
<path
android:fillColor="#2cb71a"
android:strokeWidth="2.52457666"
android:strokeLineJoin="round"
android:pathData="M-133.339,-163.758 L-133.774,-163.758 Q-131.202,-163.758,-131.202,-161.186 L-131.202,-150.631 Q-131.202,-148.058,-133.774,-148.058 L-133.339,-148.058 Q-135.912,-148.058,-135.912,-150.631 L-135.912,-161.186 Q-135.912,-163.758,-133.339,-163.758 Z" />
<path
android:fillType="evenOdd"
android:strokeColor="#000000"
android:strokeWidth="0.12077035"
android:pathData="M-71.2256,158.659 C-68.039,153.392,-64.1607,154.191,-64.0522,154.218" />
<path
android:fillType="evenOdd"
android:strokeColor="#000000"
android:strokeWidth="0.12077035"
android:pathData="M-68.8345,158.232 C-67.756,156.715,-66.4003,155.521,-63.9668,155.585" />
<path
android:fillColor="#2cb71a"
android:strokeWidth="2.42433643"
android:strokeLineJoin="round"
android:pathData="M-179.123,159.942 C-181.165,159.946,-183.173,160.725,-184.698,162.189 L-184.578,162.189 C-184.411,162.189,-184.276,162.324,-184.276,162.491 L-184.276,186.524 C-184.276,186.598,-184.304,186.665,-184.347,186.717 C-182.371,186.293,-180.55,185.131,-179.329,183.313 L-172.19,172.687 C-169.69,168.966,-170.673,163.958,-174.394,161.458 L-174.595,161.323 C-175.99,160.386,-177.567,159.938,-179.124,159.941 Z M-187.12,186.827 C-186.402,186.924,-185.678,186.922,-184.968,186.827 Z" />
<path
android:fillColor="#2cb71a"
android:strokeWidth="2.41540718"
android:strokeLineJoin="round"
android:pathData="M-168.567,153.011 C-165.699,153.011,-163.374,155.336,-163.374,158.204 C-163.374,161.072,-165.699,163.397,-168.567,163.397 C-171.435,163.397,-173.76,161.072,-173.76,158.204 C-173.76,155.336,-171.435,153.011,-168.567,153.011 Z" />
<path
android:fillColor="#ff0000"
android:strokeColor="#ffcc00"
android:strokeWidth="0.26458332"
android:pathData="M-228.855,129 L-227.806,129 L-227.806,130.313 L-228.855,130.313 Z M-228.855,122.597 L-227.806,122.597 L-227.806,125.982 L-227.909,127.827 L-228.746,127.827 L-228.855,125.982 Z" />
<path
android:fillColor="#ff0000"
android:strokeColor="#ffcc00"
android:strokeWidth="0.26458332"
android:pathData="M-228.855,129 L-227.806,129 L-227.806,130.313 L-228.855,130.313 Z M-228.855,122.597 L-227.806,122.597 L-227.806,125.982 L-227.909,127.827 L-228.746,127.827 L-228.855,125.982 Z" />
<path
android:fillColor="#ff0000"
android:strokeColor="#ffcc00"
android:strokeWidth="0.26458332"
android:pathData="M-228.855,129 L-227.806,129 L-227.806,130.313 L-228.855,130.313 Z M-228.855,122.597 L-227.806,122.597 L-227.806,125.982 L-227.909,127.827 L-228.746,127.827 L-228.855,125.982 Z" />
</vector>
Are there any tips one would be willing to give to help with trouble shooting? Is there anything I could do in inkcape to ensure the file renders in Android Studio?
Looks like it is not well formed, there are lots of negative coords.
Check it out without negative coordinates and bigger dimens:
<?xml version="1.0" encoding="utf-8"?>
<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:width="240dp"
android:height="100dp"
android:viewportWidth="400"
android:viewportHeight="200">
<path
android:pathData="M185.37,134.151 L0.63217,134.151 L0.63217,213.584 L185.37,213.584 L185.37,134.151 Z"
android:strokeWidth="2.05815887"
android:strokeColor="#2cb71a"
android:strokeLineJoin="round" />
<path
android:fillColor="#2cb71a"
android:pathData="M34.9949,145.281 C32.1268,145.281,29.8018,147.606,29.8018,150.475 C29.8018,153.343,32.1268,155.668,34.9949,155.668 C37.863,155.668,40.188,153.343,40.188,150.475 C40.188,147.606,37.863,145.281,34.9949,145.281 Z"
android:strokeWidth="2.41540718"
android:strokeLineJoin="round" />
<path
android:fillColor="#2cb71a"
android:pathData="M35.1156,156.996 L34.8741,156.996 Q26.7825,156.996,26.7825,165.088 L26.7825,177.889 Q26.7825,185.981,34.8741,185.981 L 35.1156,185.981 Q 43.2073,185.981, 43.2073,177.889 L 43.2073,165.088 Q43.2073,156.996,35.1156,156.996 Z"
android:strokeWidth="2.42433667"
android:strokeLineJoin="round" />
<path
android:fillColor="#2cb71a"
android:pathData="M104.59,121.139 L104.59,121.139 Q102.235,121.139,102.235,123.494 L102.235,133.155 Q102.235,135.51,104.59,135.51 L104.59,135.51 Q 106.945,135.51,106.945,133.155 L106.945,123.494 Q106.945,121.139,104.59,121.139 Z"
android:strokeWidth="2.41540718"
android:strokeLineJoin="round" />
<path
android:fillColor="#2cb71a"
android:pathData="M128.593,104.735 L128.593,104.735 Q130.948,104.735,130.948,107.09 L130.948,116.752 Q130.948,119.107,128.593,119.107 L128.593,119.107 Q126.238,119.107,126.238,116.752 L126.238,107.09 Q126.238,104.735,128.593,104.735 Z"
android:strokeWidth="2.41540718"
android:strokeLineJoin="round" />
<path
android:fillColor="#2cb71a"
android:pathData="M169.218,6.47664 L169.218,6.47664 Q166.863,6.47664,166.863,4.12162 L166.863,5.54001 Q166.863,7.89503,169.218,7.89503 L169.218,7.89503 Q171.573,7.89503,171.573,5.54001 L171.573,4.12162 Q171.573,6.47664,169.218,6.47664 Z"
android:strokeWidth="2.41540718"
android:strokeLineJoin="round" />
<path
android:fillAlpha="0.48387098"
android:fillColor="#2cb71a"
android:pathData="M173.866, 7.92172 L 173.866, 7.92172 Q 171.511, 7.92172, 171.511, 5.5667 L 171.511,4.09493 Q 171.511,6.44995, 173.866,6.44995 L 173.866,6.44995 Q 176.221,6.44995, 176.221,4.09493 L 176.221, 5.5667 Q 176.221, 7.92172, 173.866, 7.92172 Z"
android:strokeWidth="2.41540718"
android:strokeAlpha="0.48387098"
android:strokeLineJoin="round" />
<path
android:fillAlpha="0.98999999"
android:fillColor="#2cb71a"
android:pathData="M107.292,124.489 L 107.292,124.489 Q 104.937,124.489, 104.937,126.844 L 104.937,136.505 Q 104.937,138.86, 107.292,138.86 L 107.292,138.86 Q 109.647,138.86, 109.647,136.505 L 109.647,126.844 Q 109.647,124.489, 107.292,124.489 Z"
android:strokeWidth="2.41540718"
android:strokeAlpha="0.98999999"
android:strokeLineJoin="round" />
<path
android:fillColor="#2cb71a"
android:pathData="M70.6076,172.683 L 71.0429,172.683 Q 68.4702,172.683, 68.4702,175.256 L 68.4702,185.811 Q 68.4702,188.383, 71.0429,188.383 L 70.6076,188.383 Q 73.1803,188.383, 73.1803,185.811 L 73.1803,175.256 Q 73.1803,172.683, 70.6076,172.683 Z"
android:strokeWidth="2.52457666"
android:strokeLineJoin="round" />
<path
android:fillColor="#2cb71a"
android:pathData="M19.419, 211.623 L18.9836, 211.623 Q21.5563, 211.623,21.5563, 209.051 L21.5563, 198.496 Q21.5563, 195.923,18.9836, 195.923 L19.419, 195.923 Q16.8462, 195.923,16.8462, 198.496 L16.8462, 209.051 Q16.8462, 211.623,19.419, 211.623 Z"
android:strokeWidth="2.52457666"
android:strokeLineJoin="round" />
<path
android:fillColor="#2cb71a"
android:pathData="M83.4017,169.639 L 83.8371,169.639 Q 81.2644,169.639, 81.2644,172.212 L 81.2644,182.766 Q 81.2644,185.339, 83.8371,185.339 L 83.4017,185.339 Q 85.9744,185.339, 85.9744,182.766 L 85.9744,172.212 Q 85.9744,169.639, 83.4017,169.639 Z"
android:strokeWidth="2.52457666"
android:strokeLineJoin="round" />
<path
android:fillColor="#2cb71a"
android:pathData="M133.339, 163.758 L 133.774, 163.758 Q 131.202, 163.758, 131.202, 161.186 L 131.202, 150.631 Q 131.202, 148.058, 133.774, 148.058 L 133.339, 148.058 Q 135.912, 148.058, 135.912, 150.631 L 135.912, 161.186 Q 135.912, 163.758, 133.339, 163.758 Z"
android:strokeWidth="2.52457666"
android:strokeLineJoin="round" />
<path
android:fillType="evenOdd"
android:pathData="M71.2256,158.659 C 68.039,153.392, 64.1607,154.191, 64.0522,154.218"
android:strokeWidth="0.12077035"
android:strokeColor="#000000" />
<path
android:fillType="evenOdd"
android:pathData="M68.8345,158.232 C 67.756,156.715, 66.4003,155.521, 63.9668,155.585"
android:strokeWidth="0.12077035"
android:strokeColor="#000000" />
<path
android:fillColor="#2cb71a"
android:pathData="M179.123,159.942 C 181.165,159.946, 183.173,160.725, 184.698,162.189 L 184.578,162.189 C 184.411,162.189, 184.276,162.324, 184.276,162.491 L 184.276,186.524 C 184.276,186.598, 184.304,186.665, 184.347,186.717 C 182.371,186.293, 180.55,185.131, 179.329,183.313 L 172.19,172.687 C 169.69,168.966, 170.673,163.958, 174.394,161.458 L 174.595,161.323 C 175.99,160.386, 177.567,159.938, 179.124,159.941 Z M 187.12,186.827 C 186.402,186.924, 185.678,186.922, 184.968,186.827 Z"
android:strokeWidth="2.42433643"
android:strokeLineJoin="round" />
<path
android:fillColor="#2cb71a"
android:pathData="M168.567,153.011 C 165.699,153.011, 163.374,155.336, 163.374,158.204 C 163.374,161.072, 165.699,163.397, 168.567,163.397 C 171.435,163.397, 173.76,161.072, 173.76,158.204 C 173.76,155.336, 171.435,153.011, 168.567,153.011 Z"
android:strokeWidth="2.41540718"
android:strokeLineJoin="round" />
<path
android:fillColor="#ff0000"
android:pathData="M228.855,129 L 227.806,129 L 227.806,130.313 L 228.855,130.313 Z M 228.855,122.597 L 227.806,122.597 L 227.806,125.982 L 227.909,127.827 L 228.746,127.827 L 228.855,125.982 Z"
android:strokeWidth="0.26458332"
android:strokeColor="#ffcc00" />
<path
android:fillColor="#ff0000"
android:pathData="M228.855,129 L227.806,129 L 227.806,130.313 L 228.855,130.313 Z M 228.855,122.597 L 227.806,122.597 L 227.806,125.982 L 227.909,127.827 L 228.746,127.827 L 228.855,125.982 Z"
android:strokeWidth="0.26458332"
android:strokeColor="#ffcc00" />
<path
android:fillColor="#ff0000"
android:pathData="M228.855,129 L227.806,129 L227.806,130.313 L228.855,130.313 Z M228.855,122.597 L227.806,122.597 L227.806,125.982 L227.909,127.827 L228.746,127.827 L228.855,125.982 Z"
android:strokeWidth="0.26458332"
android:strokeColor="#ffcc00" />
</vector>
This is what I can see now:
img