import React from 'react';
import Svg, { Path } from 'react-native-svg';

const AddressIcon = ({size = 18, color = "#FB553C"}) => (
  <Svg
    viewBox="0 0 1024 1024"
    width={size}
    height={size}
  >
    <Path
      d="M318.8224 205.44c106.9312-106.5472 279.8848-106.5472 386.8416 0a270.848 270.848 0 0 1 79.8976 193.2288 270.848 270.848 0 0 1-73.8304 186.8288l-6.0672 6.2208-132.224 132.4032a86.6816 86.6816 0 0 1-118.7072 3.4816l-3.712-3.4816-132.1984-131.84a272.9216 272.9216 0 0 1-6.0672-380.6208l6.0672-6.2208zm43.4688 43.264a210.8928 210.8928 0 0 0-5.5808 293.5808l5.5808 5.76 131.456 132.0448a25.216 25.216 0 0 0 33.3312 2.2016l2.5088-2.2272 132.7872-132.0192A211.9168 211.9168 0 1 0 362.2912 248.7296z"
      fill={color}
    />
    <Path
      d="M427.52 314.2912a119.4496 119.4496 0 1 1 169.0624 168.7808 119.4496 119.4496 0 0 1-169.0624-168.7808zm84.736 16.8192a67.584 67.584 0 1 0-0.384 135.1424 67.584 67.584 0 0 0 0.3584-135.168zM709.8624 667.52c-7.424 13.312-3.328 30.0544 9.3952 38.4256 22.016 12.3392 34.0992 25.5488 34.0992 35.1744 0 34.688-109.1584 76.4928-241.3568 76.4928-132.1984 0-241.3568-41.8048-241.3568-76.4928 0-9.6256 12.0576-22.8352 33.7152-34.9184 13.1072-8.6272 17.2032-25.3952 9.7792-38.6816a29.056 29.056 0 0 0-37.632-12.16c-44.672 25.0368-63.6416 54.9632-63.6416 85.76 0 81.408 136.064 134.4512 299.136 134.4512s299.136-53.0432 299.136-134.4512c0-30.7968-18.944-60.7232-63.2064-85.5296L747.52 655.36a29.056 29.056 0 0 0-37.6576 12.16z"
      fill={color}
    />
  </Svg>
);

export default AddressIcon;