boxicons

import * as React from "react";

function BoxiconsCubeAlt(props) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} {...props}>
      <path d="M17.895 3.553A1.001 1.001 0 0017 3H7c-.379 0-.725.214-.895.553l-4 8a1 1 0 000 .895l4 8c.17.338.516.552.895.552h10c.379 0 .725-.214.895-.553l4-8a1 1 0 000-.895l-4-7.999zM19.382 11h-7.764l-3-6h7.764l3 6zM4.118 12L7 6.236 9.882 12 7 17.764 4.118 12zm12.264 7H8.618l3-6h7.764l-3 6z" />
    </svg>
  );
}

export default BoxiconsCubeAlt;


import * as React from "react";

function BoxiconsCubeAlt(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} {...props}>
      <path d="M17.895 3.553A1.001 1.001 0 0017 3H7c-.379 0-.725.214-.895.553l-4 8a1 1 0 000 .895l4 8c.17.338.516.552.895.552h10c.379 0 .725-.214.895-.553l4-8a1 1 0 000-.895l-4-7.999zM19.382 11h-7.764l-3-6h7.764l3 6zM4.118 12L7 6.236 9.882 12 7 17.764 4.118 12zm12.264 7H8.618l3-6h7.764l-3 6z" />
    </svg>
  );
}

export default BoxiconsCubeAlt;


import { BiCubeAlt } from react-icons/bi;

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

function BoxiconsCubeAlt(props) {
  return (
    <Svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} {...props}>
      <Path d="M17.895 3.553A1.001 1.001 0 0017 3H7c-.379 0-.725.214-.895.553l-4 8a1 1 0 000 .895l4 8c.17.338.516.552.895.552h10c.379 0 .725-.214.895-.553l4-8a1 1 0 000-.895l-4-7.999zM19.382 11h-7.764l-3-6h7.764l3 6zM4.118 12L7 6.236 9.882 12 7 17.764 4.118 12zm12.264 7H8.618l3-6h7.764l-3 6z" />
    </Svg>
  );
}

export default BoxiconsCubeAlt;


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

function BoxiconsCubeAlt(props: SvgProps) {
  return (
    <Svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} {...props}>
      <Path d="M17.895 3.553A1.001 1.001 0 0017 3H7c-.379 0-.725.214-.895.553l-4 8a1 1 0 000 .895l4 8c.17.338.516.552.895.552h10c.379 0 .725-.214.895-.553l4-8a1 1 0 000-.895l-4-7.999zM19.382 11h-7.764l-3-6h7.764l3 6zM4.118 12L7 6.236 9.882 12 7 17.764 4.118 12zm12.264 7H8.618l3-6h7.764l-3 6z" />
    </Svg>
  );
}

export default BoxiconsCubeAlt;


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="M17.895 3.553A1.001 1.001 0 0017 3H7c-.379 0-.725.214-.895.553l-4 8a1 1 0 000 .895l4 8c.17.338.516.552.895.552h10c.379 0 .725-.214.895-.553l4-8a1 1 0 000-.895l-4-7.999zM19.382 11h-7.764l-3-6h7.764l3 6zM4.118 12L7 6.236 9.882 12 7 17.764 4.118 12zm12.264 7H8.618l3-6h7.764l-3 6z" />
    </svg>
  ))({
    className: props.className,
  });

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


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="M17.895 3.553A1.001 1.001 0 0017 3H7c-.379 0-.725.214-.895.553l-4 8a1 1 0 000 .895l4 8c.17.338.516.552.895.552h10c.379 0 .725-.214.895-.553l4-8a1 1 0 000-.895l-4-7.999zM19.382 11h-7.764l-3-6h7.764l3 6zM4.118 12L7 6.236 9.882 12 7 17.764 4.118 12zm12.264 7H8.618l3-6h7.764l-3 6z" />
    </svg>
  ))({
    className: props.className,
  });

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