React Native Remote SVG use

I am using react native 0.73 and trying to use remote svg images. SVG url https://hdor.com/app/assets/images/hdor-2021-icons/badges/bw/25km.svg this is the url which i am trying to use in my application. However it is not working.

Please let me know if i am doing wrong or missing something.

Thank you !! Pawan

import {View, StyleSheet, Image} from 'react-native';
import React from 'react';
import {SvgUri} from 'react-native-svg';
const ShowBadgesUI=({bwBadge})=>{
  return (
    <View style={{...imageShowStyle.imageContainer}}>
  

      <SvgUri
        uri={bwBadge}
        onLoad={() => console.log('alkdkasj')}
        style={{
          width: 50,
          height: 50,
          backfaceVisibility: 'hidden',
        }}
      />
    </View>
  );
};

export default ShowBadgesUI;