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

const SvgSharkFin = (props: SVGProps<SVGSVGElement>) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width="1em"
    height="1em"
    viewBox="0 0 24 24"
    {...props}
  >
    <path d="M22 16v2h-2c-1.4 0-2.8-.4-4-1-2.5 1.3-5.5 1.3-8 0-1.2.6-2.6 1-4 1H2v-2h2c1.4 0 2.8-.5 4-1.3 2.4 1.7 5.6 1.7 8 0 1.2.8 2.6 1.3 4 1.3h2M5.28 13.79c.54-.16 1.09-.41 1.61-.75l1.14-.77 1.13.8C10 13.66 11 14 12 14c1 0 2-.34 2.84-.93l1.13-.8 1.14.77c.82.55 1.72.86 2.56.93C18.24 7.4 12.37 2 6 2c-.35 0-.67.18-.85.47-.18.3-.2.67-.04.98 2.17 4.34 1.5 7.84.17 10.34M16 18.7c-2.4 1.7-5.6 1.7-8 0-1.2.8-2.6 1.3-4 1.3H2v2h2c1.4 0 2.8-.4 4-1 2.5 1.3 5.5 1.3 8 0 1.2.6 2.6 1 4 1h2v-2h-2c-1.4 0-2.8-.5-4-1.3Z" />
  </svg>
);

export default SvgSharkFin;
