boxicons

import * as React from "react";

function BoxiconsCube(props) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} {...props}>
      <path d="M21.406 6.086l-9-4a1.001 1.001 0 00-.813 0l-9 4c-.02.009-.034.024-.054.035-.028.014-.058.023-.084.04-.022.015-.039.034-.06.05a.87.87 0 00-.19.194c-.02.028-.041.053-.059.081a1.119 1.119 0 00-.076.165c-.009.027-.023.052-.031.079A1.013 1.013 0 002 7v10c0 .396.232.753.594.914l9 4c.13.058.268.086.406.086a.997.997 0 00.402-.096l.004.01 9-4A.999.999 0 0022 17V7a.999.999 0 00-.594-.914zM12 4.095L18.538 7 12 9.905l-1.308-.581L5.463 7 12 4.095zM4 16.351V8.539l7 3.111v7.811l-7-3.11zm9 3.11V11.65l7-3.111v7.812l-7 3.11z" />
    </svg>
  );
}

export default BoxiconsCube;


import * as React from "react";

function BoxiconsCube(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} {...props}>
      <path d="M21.406 6.086l-9-4a1.001 1.001 0 00-.813 0l-9 4c-.02.009-.034.024-.054.035-.028.014-.058.023-.084.04-.022.015-.039.034-.06.05a.87.87 0 00-.19.194c-.02.028-.041.053-.059.081a1.119 1.119 0 00-.076.165c-.009.027-.023.052-.031.079A1.013 1.013 0 002 7v10c0 .396.232.753.594.914l9 4c.13.058.268.086.406.086a.997.997 0 00.402-.096l.004.01 9-4A.999.999 0 0022 17V7a.999.999 0 00-.594-.914zM12 4.095L18.538 7 12 9.905l-1.308-.581L5.463 7 12 4.095zM4 16.351V8.539l7 3.111v7.811l-7-3.11zm9 3.11V11.65l7-3.111v7.812l-7 3.11z" />
    </svg>
  );
}

export default BoxiconsCube;


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

function BoxiconsCube(props) {
  return (
    <Svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} {...props}>
      <Path d="M21.406 6.086l-9-4a1.001 1.001 0 00-.813 0l-9 4c-.02.009-.034.024-.054.035-.028.014-.058.023-.084.04-.022.015-.039.034-.06.05a.87.87 0 00-.19.194c-.02.028-.041.053-.059.081a1.119 1.119 0 00-.076.165c-.009.027-.023.052-.031.079A1.013 1.013 0 002 7v10c0 .396.232.753.594.914l9 4c.13.058.268.086.406.086a.997.997 0 00.402-.096l.004.01 9-4A.999.999 0 0022 17V7a.999.999 0 00-.594-.914zM12 4.095L18.538 7 12 9.905l-1.308-.581L5.463 7 12 4.095zM4 16.351V8.539l7 3.111v7.811l-7-3.11zm9 3.11V11.65l7-3.111v7.812l-7 3.11z" />
    </Svg>
  );
}

export default BoxiconsCube;


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

function BoxiconsCube(props: SvgProps) {
  return (
    <Svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} {...props}>
      <Path d="M21.406 6.086l-9-4a1.001 1.001 0 00-.813 0l-9 4c-.02.009-.034.024-.054.035-.028.014-.058.023-.084.04-.022.015-.039.034-.06.05a.87.87 0 00-.19.194c-.02.028-.041.053-.059.081a1.119 1.119 0 00-.076.165c-.009.027-.023.052-.031.079A1.013 1.013 0 002 7v10c0 .396.232.753.594.914l9 4c.13.058.268.086.406.086a.997.997 0 00.402-.096l.004.01 9-4A.999.999 0 0022 17V7a.999.999 0 00-.594-.914zM12 4.095L18.538 7 12 9.905l-1.308-.581L5.463 7 12 4.095zM4 16.351V8.539l7 3.111v7.811l-7-3.11zm9 3.11V11.65l7-3.111v7.812l-7 3.11z" />
    </Svg>
  );
}

export default BoxiconsCube;


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.406 6.086l-9-4a1.001 1.001 0 00-.813 0l-9 4c-.02.009-.034.024-.054.035-.028.014-.058.023-.084.04-.022.015-.039.034-.06.05a.87.87 0 00-.19.194c-.02.028-.041.053-.059.081a1.119 1.119 0 00-.076.165c-.009.027-.023.052-.031.079A1.013 1.013 0 002 7v10c0 .396.232.753.594.914l9 4c.13.058.268.086.406.086a.997.997 0 00.402-.096l.004.01 9-4A.999.999 0 0022 17V7a.999.999 0 00-.594-.914zM12 4.095L18.538 7 12 9.905l-1.308-.581L5.463 7 12 4.095zM4 16.351V8.539l7 3.111v7.811l-7-3.11zm9 3.11V11.65l7-3.111v7.812l-7 3.11z" />
    </svg>
  ))({
    className: props.className,
  });

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


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.406 6.086l-9-4a1.001 1.001 0 00-.813 0l-9 4c-.02.009-.034.024-.054.035-.028.014-.058.023-.084.04-.022.015-.039.034-.06.05a.87.87 0 00-.19.194c-.02.028-.041.053-.059.081a1.119 1.119 0 00-.076.165c-.009.027-.023.052-.031.079A1.013 1.013 0 002 7v10c0 .396.232.753.594.914l9 4c.13.058.268.086.406.086a.997.997 0 00.402-.096l.004.01 9-4A.999.999 0 0022 17V7a.999.999 0 00-.594-.914zM12 4.095L18.538 7 12 9.905l-1.308-.581L5.463 7 12 4.095zM4 16.351V8.539l7 3.111v7.811l-7-3.11zm9 3.11V11.65l7-3.111v7.812l-7 3.11z" />
    </svg>
  ))({
    className: props.className,
  });

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