At the moment it's not possible to use .svg files in the icon prop, reference: #4196. The .png icons are a little bit blurry due to their small size when zoomed in, but their larger size is also problematic because it looks too big.
The only way to use SVG is to use react-native-svg, but it's using an Image, instead of a pin. In combination with the <Callout> it's a bit hectic solution and didn't actually display anything + we have event handlers, too, so it'd overcomplicate too much. New <View> would need to be introduced.
Examples of such solutions:
At the moment it's not possible to use
.svg
files in theicon
prop, reference: #4196. The.png
icons are a little bit blurry due to their small size when zoomed in, but their larger size is also problematic because it looks too big.The only way to use
SVG
is to use react-native-svg, but it's using anImage
, instead of a pin. In combination with the<Callout>
it's a bit hectic solution and didn't actually display anything + we have event handlers, too, so it'd overcomplicate too much. New<View>
would need to be introduced. Examples of such solutions:The
.svg
files converted using https://www.pngtosvg.com:.png
files in512
x512
dimensions: