import * as React from "react";
import { SVGProps } from "react";

const SvgHeartBrokenOutline = (props: SVGProps<SVGSVGElement>) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width="1em"
    height="1em"
    viewBox="0 0 24 24"
    {...props}
  >
    <path d="M7.5 5c.2 0 .4 0 .6.1l2.4 4.1-3.7 4.6C5.1 11.8 4 10.2 4 8.5 4 6.5 5.5 5 7.5 5m0-2C4.4 3 2 5.4 2 8.5c0 3.8 3.4 6.9 8.6 11.5l1.4 1.3-3-7 4-5-3.6-6C8.8 3.1 8.2 3 7.5 3m9 2c2 0 3.5 1.5 3.5 3.5 0 2.6-2.6 5.2-6.6 8.8l-.3-2.3 4.8-5.3-2.3-4.5c.3-.2.6-.2.9-.2m0-2c-1.3 0-2.6.5-3.6 1.3l2.6 5.1-4.5 5 1 7 1.4-1.3c5.2-4.7 8.6-7.8 8.6-11.5C22 5.4 19.6 3 16.5 3Z" />
  </svg>
);

export default SvgHeartBrokenOutline;
