text: import React from 'react';
  import { SvgXml } from 'react-native-svg';
  
  
  const Compass = `
  <?xml version="1.0" encoding="utf-8"?>
  <svg width="26px" height="26px" viewBox="0 0 26 26" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg">
    <path d="M0.135417 13C0.135417 5.90444 5.90444 0.135417 13 0.135417C20.0956 0.135417 25.8646 5.90444 25.8646 13C25.8646 20.0956 20.0956 25.8646 13 25.8646C5.90444 25.8646 0.135417 20.0956 0.135417 13ZM16.5208 15.2745L19.6078 8.1789L19.608 8.17881C20.0957 7.0415 18.9584 5.90422 17.8211 6.39194L10.7255 9.4789C10.1839 9.7233 9.7226 10.156 9.47928 10.7252L6.41859 17.8473C5.90444 18.9581 7.06815 20.0954 8.179 19.6077L15.2746 16.5207C15.8162 16.2763 16.2775 15.8436 16.5208 15.2745ZM13 14.7604C13.9722 14.7604 14.7604 13.9722 14.7604 13C14.7604 12.0278 13.9722 11.2396 13 11.2396C12.0278 11.2396 11.2396 12.0278 11.2396 13C11.2396 13.9722 12.0278 14.7604 13 14.7604Z" id="Combined-Shape" fill="#1D1E1C" fill-rule="evenodd" stroke="none" />
  <style>
  tintColor: focused ? "black" : "grey"
  </style>
    </svg>
  `;
  
  export default () => <SvgXml xml={Compass} />;