boxicons

import * as React from "react";

function BoxiconsPackage(props) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} {...props}>
      <path d="M22 8a.76.76 0 000-.21v-.08a.77.77 0 00-.07-.16.35.35 0 00-.05-.08l-.1-.13-.08-.06-.12-.09-9-5a1 1 0 00-1 0l-9 5-.09.07-.11.08a.41.41 0 00-.07.11.39.39 0 00-.08.1.59.59 0 00-.06.14.3.3 0 000 .1A.76.76 0 002 8v8a1 1 0 00.52.87l9 5a.75.75 0 00.13.06h.1a1.06 1.06 0 00.5 0h.1l.14-.06 9-5A1 1 0 0022 16V8zm-10 3.87L5.06 8l2.76-1.52 6.83 3.9zm0-7.72L18.94 8 16.7 9.25 9.87 5.34zM4 9.7l7 3.92v5.68l-7-3.89zm9 9.6v-5.68l3-1.68V15l2-1v-3.18l2-1.11v5.7z" />
    </svg>
  );
}

export default BoxiconsPackage;


import * as React from "react";

function BoxiconsPackage(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} {...props}>
      <path d="M22 8a.76.76 0 000-.21v-.08a.77.77 0 00-.07-.16.35.35 0 00-.05-.08l-.1-.13-.08-.06-.12-.09-9-5a1 1 0 00-1 0l-9 5-.09.07-.11.08a.41.41 0 00-.07.11.39.39 0 00-.08.1.59.59 0 00-.06.14.3.3 0 000 .1A.76.76 0 002 8v8a1 1 0 00.52.87l9 5a.75.75 0 00.13.06h.1a1.06 1.06 0 00.5 0h.1l.14-.06 9-5A1 1 0 0022 16V8zm-10 3.87L5.06 8l2.76-1.52 6.83 3.9zm0-7.72L18.94 8 16.7 9.25 9.87 5.34zM4 9.7l7 3.92v5.68l-7-3.89zm9 9.6v-5.68l3-1.68V15l2-1v-3.18l2-1.11v5.7z" />
    </svg>
  );
}

export default BoxiconsPackage;


import { BiPackage } from react-icons/bi;

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

function BoxiconsPackage(props) {
  return (
    <Svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} {...props}>
      <Path d="M22 8a.76.76 0 000-.21v-.08a.77.77 0 00-.07-.16.35.35 0 00-.05-.08l-.1-.13-.08-.06-.12-.09-9-5a1 1 0 00-1 0l-9 5-.09.07-.11.08a.41.41 0 00-.07.11.39.39 0 00-.08.1.59.59 0 00-.06.14.3.3 0 000 .1A.76.76 0 002 8v8a1 1 0 00.52.87l9 5a.75.75 0 00.13.06h.1a1.06 1.06 0 00.5 0h.1l.14-.06 9-5A1 1 0 0022 16V8zm-10 3.87L5.06 8l2.76-1.52 6.83 3.9zm0-7.72L18.94 8 16.7 9.25 9.87 5.34zM4 9.7l7 3.92v5.68l-7-3.89zm9 9.6v-5.68l3-1.68V15l2-1v-3.18l2-1.11v5.7z" />
    </Svg>
  );
}

export default BoxiconsPackage;


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

function BoxiconsPackage(props: SvgProps) {
  return (
    <Svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} {...props}>
      <Path d="M22 8a.76.76 0 000-.21v-.08a.77.77 0 00-.07-.16.35.35 0 00-.05-.08l-.1-.13-.08-.06-.12-.09-9-5a1 1 0 00-1 0l-9 5-.09.07-.11.08a.41.41 0 00-.07.11.39.39 0 00-.08.1.59.59 0 00-.06.14.3.3 0 000 .1A.76.76 0 002 8v8a1 1 0 00.52.87l9 5a.75.75 0 00.13.06h.1a1.06 1.06 0 00.5 0h.1l.14-.06 9-5A1 1 0 0022 16V8zm-10 3.87L5.06 8l2.76-1.52 6.83 3.9zm0-7.72L18.94 8 16.7 9.25 9.87 5.34zM4 9.7l7 3.92v5.68l-7-3.89zm9 9.6v-5.68l3-1.68V15l2-1v-3.18l2-1.11v5.7z" />
    </Svg>
  );
}

export default BoxiconsPackage;


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="M22 8a.76.76 0 000-.21v-.08a.77.77 0 00-.07-.16.35.35 0 00-.05-.08l-.1-.13-.08-.06-.12-.09-9-5a1 1 0 00-1 0l-9 5-.09.07-.11.08a.41.41 0 00-.07.11.39.39 0 00-.08.1.59.59 0 00-.06.14.3.3 0 000 .1A.76.76 0 002 8v8a1 1 0 00.52.87l9 5a.75.75 0 00.13.06h.1a1.06 1.06 0 00.5 0h.1l.14-.06 9-5A1 1 0 0022 16V8zm-10 3.87L5.06 8l2.76-1.52 6.83 3.9zm0-7.72L18.94 8 16.7 9.25 9.87 5.34zM4 9.7l7 3.92v5.68l-7-3.89zm9 9.6v-5.68l3-1.68V15l2-1v-3.18l2-1.11v5.7z" />
    </svg>
  ))({
    className: props.className,
  });

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


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="M22 8a.76.76 0 000-.21v-.08a.77.77 0 00-.07-.16.35.35 0 00-.05-.08l-.1-.13-.08-.06-.12-.09-9-5a1 1 0 00-1 0l-9 5-.09.07-.11.08a.41.41 0 00-.07.11.39.39 0 00-.08.1.59.59 0 00-.06.14.3.3 0 000 .1A.76.76 0 002 8v8a1 1 0 00.52.87l9 5a.75.75 0 00.13.06h.1a1.06 1.06 0 00.5 0h.1l.14-.06 9-5A1 1 0 0022 16V8zm-10 3.87L5.06 8l2.76-1.52 6.83 3.9zm0-7.72L18.94 8 16.7 9.25 9.87 5.34zM4 9.7l7 3.92v5.68l-7-3.89zm9 9.6v-5.68l3-1.68V15l2-1v-3.18l2-1.11v5.7z" />
    </svg>
  ))({
    className: props.className,
  });

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