Bus.js

import React from "react";
import Svg, { Path } from "react-native-svg";

const Bus = ({ color, ...props }) => (
  <Svg viewBox="0 0 52 64" {...props}>
    <Path
      d="M41 0H11C4.9 0 0 4.9 0 11v34c0 3.9 2 7.3 5 9.2V61c0 1.7 1.3 3 3 3h5c1.7 0 3-1.3 3-3v-5h20v5c0 1.7 1.3 3 3 3h5c1.7 0 3-1.3 3-3v-6.8c3-2 5-5.4 5-9.2V11c0-6.1-4.9-11-11-11zM11 3h30c4.1 0 7.4 3.1 7.9 7H3.1c.5-3.9 3.8-7 7.9-7zm38 10v26H3V13h46zM13 61H8v-5h5v5zm31-5v5h-5v-5h5zm-3-3H11c-4.4 0-8-3.6-8-8v-3h46v3c0 4.4-3.6 8-8 8zM11 43c-2.2 0-4 1.8-4 4s1.8 4 4 4 4-1.8 4-4-1.8-4-4-4zm0 6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm30-6c-2.2 0-4 1.8-4 4s1.8 4 4 4 4-1.8 4-4-1.8-4-4-4zm0 6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zM8 34c.6 0 1-.4 1-1V18c0-.6-.4-1-1-1s-1 .4-1 1v15c0 .6.4 1 1 1z"
      fill={color}
    />
  </Svg>
);

export default Bus;