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

const SvgButterflyOutline = (props: SVGProps<SVGSVGElement>) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width="1em"
    height="1em"
    viewBox="0 0 24 24"
    {...props}
  >
    <path d="M13 21h-2V6L9.03 3.97 10 3l2 2 2-2 1 1-2 2v15m1-12V7a5.002 5.002 0 0 1 6 8v2c0 2.21-1.79 4-4 4-.73 0-1.41-.19-2-.54v-2c.59.35 1.27.54 2 .54 1.1 0 2-.9 2-2v-3.17c1.17-.41 2-1.52 2-2.83 0-1.65-1.33-3-3-3-1.12 0-2.16.37-3 1m-4 0c-.84-.63-1.87-1-3-1-1.67 0-3 1.35-3 3 0 1.31.84 2.42 2 2.83V17c0 1.1.9 2 2 2 .73 0 1.41-.19 2-.54v2c-.59.35-1.27.54-2 .54-2.21 0-4-1.79-4-4v-2a5.002 5.002 0 0 1 6-8v2m-1 2L7.5 9.5 6 11l1.5 1.5L9 11m9 0-1.5-1.5L15 11l1.5 1.5L18 11Z" />
  </svg>
);

export default SvgButterflyOutline;
