boxicons

import * as React from "react";

function BoxiconsBus(props) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} {...props}>
      <path d="M21.004 7.975V6c0-2.206-1.794-4-4-4h-10c-2.206 0-4 1.794-4 4v1.998l-.076.004A1 1 0 002 9v2a1 1 0 001 1h.004v6c0 .735.403 1.372.996 1.72V21a1 1 0 001 1h1a1 1 0 001-1v-1h10v1a1 1 0 001 1h1a1 1 0 001-1v-1.276A1.994 1.994 0 0021.004 18v-6a1 1 0 001-1V9.062a1.006 1.006 0 00-.072-.455c-.203-.487-.635-.604-.928-.632zM19.006 18H5.004v-5h14.001l.001 5zM11.004 7v4h-6V7h6zm8 0v4h-6V7h6zm-12-3h10c.736 0 1.375.405 1.722 1H5.282c.347-.595.986-1 1.722-1z" />
      <circle cx={7.5} cy={15.5} r={1.5} />
      <circle cx={16.5} cy={15.5} r={1.5} />
    </svg>
  );
}

export default BoxiconsBus;


import * as React from "react";

function BoxiconsBus(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} {...props}>
      <path d="M21.004 7.975V6c0-2.206-1.794-4-4-4h-10c-2.206 0-4 1.794-4 4v1.998l-.076.004A1 1 0 002 9v2a1 1 0 001 1h.004v6c0 .735.403 1.372.996 1.72V21a1 1 0 001 1h1a1 1 0 001-1v-1h10v1a1 1 0 001 1h1a1 1 0 001-1v-1.276A1.994 1.994 0 0021.004 18v-6a1 1 0 001-1V9.062a1.006 1.006 0 00-.072-.455c-.203-.487-.635-.604-.928-.632zM19.006 18H5.004v-5h14.001l.001 5zM11.004 7v4h-6V7h6zm8 0v4h-6V7h6zm-12-3h10c.736 0 1.375.405 1.722 1H5.282c.347-.595.986-1 1.722-1z" />
      <circle cx={7.5} cy={15.5} r={1.5} />
      <circle cx={16.5} cy={15.5} r={1.5} />
    </svg>
  );
}

export default BoxiconsBus;


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

function BoxiconsBus(props) {
  return (
    <Svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} {...props}>
      <Path d="M21.004 7.975V6c0-2.206-1.794-4-4-4h-10c-2.206 0-4 1.794-4 4v1.998l-.076.004A1 1 0 002 9v2a1 1 0 001 1h.004v6c0 .735.403 1.372.996 1.72V21a1 1 0 001 1h1a1 1 0 001-1v-1h10v1a1 1 0 001 1h1a1 1 0 001-1v-1.276A1.994 1.994 0 0021.004 18v-6a1 1 0 001-1V9.062a1.006 1.006 0 00-.072-.455c-.203-.487-.635-.604-.928-.632zM19.006 18H5.004v-5h14.001l.001 5zM11.004 7v4h-6V7h6zm8 0v4h-6V7h6zm-12-3h10c.736 0 1.375.405 1.722 1H5.282c.347-.595.986-1 1.722-1z" />
      <Circle cx={7.5} cy={15.5} r={1.5} />
      <Circle cx={16.5} cy={15.5} r={1.5} />
    </Svg>
  );
}

export default BoxiconsBus;


import * as React from "react";
import Svg, { SvgProps, Path, Circle } from "react-native-svg";

function BoxiconsBus(props: SvgProps) {
  return (
    <Svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} {...props}>
      <Path d="M21.004 7.975V6c0-2.206-1.794-4-4-4h-10c-2.206 0-4 1.794-4 4v1.998l-.076.004A1 1 0 002 9v2a1 1 0 001 1h.004v6c0 .735.403 1.372.996 1.72V21a1 1 0 001 1h1a1 1 0 001-1v-1h10v1a1 1 0 001 1h1a1 1 0 001-1v-1.276A1.994 1.994 0 0021.004 18v-6a1 1 0 001-1V9.062a1.006 1.006 0 00-.072-.455c-.203-.487-.635-.604-.928-.632zM19.006 18H5.004v-5h14.001l.001 5zM11.004 7v4h-6V7h6zm8 0v4h-6V7h6zm-12-3h10c.736 0 1.375.405 1.722 1H5.282c.347-.595.986-1 1.722-1z" />
      <Circle cx={7.5} cy={15.5} r={1.5} />
      <Circle cx={16.5} cy={15.5} r={1.5} />
    </Svg>
  );
}

export default BoxiconsBus;


import styled, { css } from 'styled-components';

import styled, { css } from "styled-components";

const SvgIcon = (props) =>
  ((props) => (
    <svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} {...props}>
      <path d="M21.004 7.975V6c0-2.206-1.794-4-4-4h-10c-2.206 0-4 1.794-4 4v1.998l-.076.004A1 1 0 002 9v2a1 1 0 001 1h.004v6c0 .735.403 1.372.996 1.72V21a1 1 0 001 1h1a1 1 0 001-1v-1h10v1a1 1 0 001 1h1a1 1 0 001-1v-1.276A1.994 1.994 0 0021.004 18v-6a1 1 0 001-1V9.062a1.006 1.006 0 00-.072-.455c-.203-.487-.635-.604-.928-.632zM19.006 18H5.004v-5h14.001l.001 5zM11.004 7v4h-6V7h6zm8 0v4h-6V7h6zm-12-3h10c.736 0 1.375.405 1.722 1H5.282c.347-.595.986-1 1.722-1z" />
      <circle cx={7.5} cy={15.5} r={1.5} />
      <circle cx={16.5} cy={15.5} r={1.5} />
    </svg>
  ))({
    className: props.className,
  });

const StyledBoxiconsBus = styled(SvgIcon)(
  [],
  ({ theme, fill, width }) => css`
    width: ${width || theme.sizes.width};
    height: ${width || theme.sizes.width};
    fill: ${fill || theme.colors.fillColor};
  `
);
export default StyledBoxiconsBus;


import styled, { css } from "styled-components";

const SvgIcon = (props: React.SVGProps<SVGSVGElement>) =>
  ((props) => (
    <svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} {...props}>
      <path d="M21.004 7.975V6c0-2.206-1.794-4-4-4h-10c-2.206 0-4 1.794-4 4v1.998l-.076.004A1 1 0 002 9v2a1 1 0 001 1h.004v6c0 .735.403 1.372.996 1.72V21a1 1 0 001 1h1a1 1 0 001-1v-1h10v1a1 1 0 001 1h1a1 1 0 001-1v-1.276A1.994 1.994 0 0021.004 18v-6a1 1 0 001-1V9.062a1.006 1.006 0 00-.072-.455c-.203-.487-.635-.604-.928-.632zM19.006 18H5.004v-5h14.001l.001 5zM11.004 7v4h-6V7h6zm8 0v4h-6V7h6zm-12-3h10c.736 0 1.375.405 1.722 1H5.282c.347-.595.986-1 1.722-1z" />
      <circle cx={7.5} cy={15.5} r={1.5} />
      <circle cx={16.5} cy={15.5} r={1.5} />
    </svg>
  ))({
    className: props.className,
  });

const StyledBoxiconsBus = styled(SvgIcon)(
  [],
  ({ theme, fill, width }) => css`
    width: ${width || theme.sizes.width};
    height: ${width || theme.sizes.width};
    fill: ${fill || theme.colors.fillColor};
  `
);
export default StyledBoxiconsBus;
