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

const SvgFireworkOff = (props: SVGProps<SVGSVGElement>) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width="1em"
    height="1em"
    viewBox="0 0 24 24"
    {...props}
  >
    <path d="m20.84 22.73-7.67-7.67-4.45 4.44-1.43-1.41c-.25.07-.49.19-.66.41-.06.07-.13.15-.13.24-.08.14-.12.26-.18.41-.11.27-.23.54-.39.78-.12.17-.25.33-.4.46-.11.11-.24.2-.37.27-.08.05-.16.1-.26.13-.6.25-1.27.21-1.9.21v-2h.9c.1 0 .18 0 .26-.06l.05-.05c.07-.08.13-.19.18-.29.08-.18.14-.36.21-.54l.04-.1c.12-.27.26-.51.44-.73.1-.13.22-.23.34-.36.12-.1.24-.2.38-.28l-1.3-1.31 4.44-4.45L1.11 3l1.28-1.27 19.72 19.73-1.27 1.27M21 3l-8.19 1.12 7.07 7.07L21 3m-4.5 8.74L12.26 7.5l-.76.78 4.22 4.22.78-.76Z" />
  </svg>
);

export default SvgFireworkOff;
