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

const SvgArrowUpDown = (props: SVGProps<SVGSVGElement>) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width="1em"
    height="1em"
    viewBox="0 0 24 24"
    {...props}
  >
    <path d="M17.45 17.55 12 23l-5.45-5.45 1.41-1.41L11 19.17V4.83L7.96 7.86 6.55 6.45 12 1l5.45 5.45-1.41 1.41L13 4.83v14.34l3.04-3.03 1.41 1.41Z" />
  </svg>
);

export default SvgArrowUpDown;
