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

const SvgSurfing = (props: SVGProps<SVGSVGElement>) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width="1em"
    height="1em"
    viewBox="0 0 24 24"
    {...props}
  >
    <path d="M22 23v-2c-1.41.05-2.78-.1-4-1-1.76 1.25-4.23 1.25-6 0-1.77 1.25-4.24 1.25-6 0-1.22.9-2.59 1.05-4 1v2c1.37.05 2.78-.06 4-.75 1.84 1 4.15 1 6 0 1.85 1 4.16 1 6 0 1.22.69 2.63.8 4 .75m-1.5-11.03V9.95c-1.76.01-3.5-.95-4.32-2.54l-.89-1.55c-.29-.46-.74-.75-1.22-.89L8.5 3.94 5 6.38 6.13 8l2.82-1.9 2.02.33-2.16 1.45C8.21 8.29 7.88 9 8 9.71l.53 3.1C7.12 12.26 3.21 11 3 13.23c.36 2.44 3.07 4.09 5.06 5.59 1.44.47 3-.24 3.94-1.36 1.32 1.7 3.89 2 5.5.54-.47-.42-1-.85-1.5-1.2v-3.85l-3.81-3 2.25-1.51C15.62 10.59 18 12 20.5 11.97M14 14v1.47c0-.04-2.34-1.31-2.19-1.23l-1.08-.54-.42-2.62L14 14m5-10.5c0 1.11-.89 2-2 2s-2-.89-2-2 .9-2 2-2 2 .9 2 2Z" />
  </svg>
);

export default SvgSurfing;