import * as React from 'react';
export interface Steps24Props extends React.SVGProps<SVGSVGElement> { ariaLabel?: string }
export default function Steps24({ ariaLabel, ...props }: Steps24Props) {
  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="M18 0c-2.9 0-5 2.6-5 6 0 1.2.2 2 .4 2.9.3 1 .6 2.1.6 4.1 0 .6.4 1 1 1h6c.5 0 .9-.3 1-.8C22 13 23 9 23 6c0-3.4-2.1-6-5-6M6 2C3.1 2 1 4.6 1 8c0 3.1 1 7.1 1 7.2.1.5.5.8 1 .8h6c.6 0 1-.4 1-1 0-2 .3-3.1.6-4.1.2-.9.4-1.7.4-2.9 0-3.4-2.1-6-5-6"/><path d="M9.3 18H2.7c-.4 0-.8.3-.9.7-.2.8-.2 1.7.1 2.5C2.7 23 4.3 24 6 24c1.6 0 3.1-.9 3.8-2.4.4-.9.5-1.9.3-2.9 0-.4-.4-.7-.8-.7m12-2h-6.6c-.4 0-.8.3-.9.7-.2.8-.2 1.7.1 2.5.7 1.7 2.3 2.8 4 2.8 1.6 0 3.1-.9 3.8-2.4.4-.9.5-1.9.3-2.9.1-.4-.3-.7-.7-.7" data-color="color-2"/></g></svg>
  );
}