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

const SvgFormatColorMarkerCancel = (props: SVGProps<SVGSVGElement>) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width="1em"
    height="1em"
    viewBox="0 0 24 24"
    {...props}
  >
    <path d="M16.5 8C14 8 12 10 12 12.5s2 4.5 4.5 4.5 4.5-2 4.5-4.5S19 8 16.5 8m0 7.5c-1.7 0-3-1.3-3-3 0-.6.2-1.1.4-1.5l4.1 4.1c-.4.2-.9.4-1.5.4m2.6-1.5L15 9.9c.4-.3.9-.4 1.5-.4 1.7 0 3 1.3 3 3 0 .6-.2 1.1-.4 1.5m-7-6.3-1.5-1.5 3.3-3.3c.6-.6 1.5-.6 2.1 0L18.2 5c.4.4.5.8.4 1.3-.6-.2-1.3-.3-2-.3-1.8 0-3.3.7-4.5 1.7m-1.6 7.2L9 16.3c-.6.6-1.5.6-2.1 0l-.7.7H2l2.8-2.8c-.6-.6-.6-1.5 0-2.1l4.7-4.7L11.1 9c-.7 1-1.1 2.2-1.1 3.5 0 .8.2 1.6.5 2.4Z" />
  </svg>
);

export default SvgFormatColorMarkerCancel;
