import * as React from 'react';
export interface Navigation24Props extends React.SVGProps<SVGSVGElement> { ariaLabel?: string }
export default function Navigation24({ ariaLabel, ...props }: Navigation24Props) {
  return (
    <svg viewBox="0 0 24 24" width="1em" height="1em" fill="currentColor"
         role={ariaLabel ? 'img' : 'presentation'}
         aria-label={ariaLabel || undefined}
         {...props}><g fill="currentColor"><path d="M20 3h-2.769C16.14 1.083 14.047 0 12 0S7.86 1.083 6.769 3H4C1.794 3 0 4.794 0 7v13c0 2.206 1.794 4 4 4h16c2.206 0 4-1.794 4-4V7c0-2.206-1.794-4-4-4m-2.131 4H20a1 1 0 0 1 1 1v10.149l-5.39-6.738c.999-1.374 1.934-2.965 2.259-4.411M11 17v3H4.081l5.578-6.972c.791.94 1.45 1.619 1.631 1.802l.71.715.71-.715c.182-.183.841-.862 1.631-1.802L19.919 20H13v-3zm1-15c1.966 0 4 1.496 4 4 0 1.706-2.225 4.718-4 6.671C10.224 10.719 8 7.709 8 6c0-2.504 2.034-4 4-4M4 7h2.131c.326 1.446 1.26 3.037 2.259 4.411L3 18.149V8a1 1 0 0 1 1-1"/><circle cx="12" cy="6" r="1" data-color="color-2"/></g></svg>
  );
}