import * as React from 'react';
import PropTypes from 'prop-types';
import { Icon48PropValues } from '../_defaultIconPropValues.ts';

const Tonne240l = (props) => {
    const {
        width = Icon48PropValues.width,
        height = Icon48PropValues.height,
        stroke = Icon48PropValues.stroke,
        fill = Icon48PropValues.fill,
        ...restProps
    } = props;

    return (
        <svg
            xmlns="http://www.w3.org/2000/svg"
            viewBox="0 0 48 48"
            width={width}
            height={height}
            fill="none"
            {...restProps}
        >
            <path
                fill={fill}
                stroke={stroke}
                strokeWidth={0.6}
                d="M31.26 45H18v-2h13.26c.56 0 1.03-.41 1.06-.94l1.76-25.46c.06-.8.43-1.53 1.04-2.05l1.54-1.31c.22-.19.34-.46.34-.74V12H11v.49c0 .29.12.56.35.75l1.54 1.33c.61.52.98 1.25 1.04 2.05l1.08 20.33-2 .11-1.08-20.31a.97.97 0 0 0-.34-.65l-1.54-1.33c-.67-.57-1.05-1.4-1.04-2.27v-2.48h30v2.49a3 3 0 0 1-1.04 2.27l-1.54 1.31c-.2.17-.32.41-.34.67l-1.75 25.46c-.11 1.57-1.45 2.8-3.06 2.8z"
            />
            <path
                fill={fill}
                stroke={stroke}
                strokeWidth={0.6}
                d="M15 46c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5Zm0-8c-1.65 0-3 1.35-3 3s1.35 3 3 3 3-1.35 3-3-1.35-3-3-3ZM39 12H9V9c0-1.65 1.38-3 3.06-3h23.87C37.62 6 39 7.35 39 9zm-28-2h26V9c0-.55-.48-1-1.07-1H12.06C11.47 8 11 8.45 11 9zM34 6h-2V5c0-.55-.45-1-1-1h-2c-.55 0-1 .45-1 1v1h-2V5c0-1.65 1.35-3 3-3h2c1.65 0 3 1.35 3 3z"
            />
        </svg>
    );
};

Tonne240l.propTypes = {
    width: PropTypes.string,
    height: PropTypes.string,
    stroke: PropTypes.string,
    fill: PropTypes.string,
};

export default Tonne240l;