import React from 'react';

const Pin = ({ fill = '#C1C8CD', width = '25', className = '', viewBox = '0 0 25 25' }) => (
  <svg
    width={width}
    height={width}
    viewBox={viewBox}
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    className={className}
  >
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M15.1523 4.36599C13.9199 3.13355 11.8126 4.00641 11.8126 5.74934C11.8126 6.2682 11.6065 6.76581 11.2396 7.13269L9.61887 8.75339C9.25198 9.12028 8.75438 9.3264 8.23552 9.3264C6.49259 9.3264 5.61972 11.4337 6.85216 12.6661L9.22844 15.0424L3.71088 20.5599C3.42971 20.8411 3.42971 21.297 3.71088 21.5782C3.99206 21.8594 4.44794 21.8594 4.72912 21.5782L10.2467 16.0606L12.6229 18.4369C13.8554 19.6693 15.9626 18.7964 15.9626 17.0535C15.9626 16.5347 16.1688 16.037 16.5357 15.6702L18.1564 14.0495C18.5232 13.6826 19.0209 13.4765 19.5397 13.4765C21.2826 13.4765 22.1555 11.3692 20.9231 10.1367L15.1523 4.36599Z"
      fill={fill}
    />
  </svg>
);

export default Pin;
