boxicons

import * as React from "react";

function BoxiconsEraser(props) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} {...props}>
      <path d="M2.586 15.408l4.299 4.299a.996.996 0 00.707.293h12.001v-2h-6.958l7.222-7.222c.78-.779.78-2.049 0-2.828L14.906 3a2.003 2.003 0 00-2.828 0l-4.75 4.749-4.754 4.843a2.007 2.007 0 00.012 2.816zM13.492 4.414l4.95 4.95-2.586 2.586L10.906 7l2.586-2.586zM8.749 9.156l.743-.742 4.95 4.95-4.557 4.557a1.026 1.026 0 00-.069.079h-1.81l-4.005-4.007 4.748-4.837z" />
    </svg>
  );
}

export default BoxiconsEraser;


import * as React from "react";

function BoxiconsEraser(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} {...props}>
      <path d="M2.586 15.408l4.299 4.299a.996.996 0 00.707.293h12.001v-2h-6.958l7.222-7.222c.78-.779.78-2.049 0-2.828L14.906 3a2.003 2.003 0 00-2.828 0l-4.75 4.749-4.754 4.843a2.007 2.007 0 00.012 2.816zM13.492 4.414l4.95 4.95-2.586 2.586L10.906 7l2.586-2.586zM8.749 9.156l.743-.742 4.95 4.95-4.557 4.557a1.026 1.026 0 00-.069.079h-1.81l-4.005-4.007 4.748-4.837z" />
    </svg>
  );
}

export default BoxiconsEraser;


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

function BoxiconsEraser(props) {
  return (
    <Svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} {...props}>
      <Path d="M2.586 15.408l4.299 4.299a.996.996 0 00.707.293h12.001v-2h-6.958l7.222-7.222c.78-.779.78-2.049 0-2.828L14.906 3a2.003 2.003 0 00-2.828 0l-4.75 4.749-4.754 4.843a2.007 2.007 0 00.012 2.816zM13.492 4.414l4.95 4.95-2.586 2.586L10.906 7l2.586-2.586zM8.749 9.156l.743-.742 4.95 4.95-4.557 4.557a1.026 1.026 0 00-.069.079h-1.81l-4.005-4.007 4.748-4.837z" />
    </Svg>
  );
}

export default BoxiconsEraser;


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

function BoxiconsEraser(props: SvgProps) {
  return (
    <Svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} {...props}>
      <Path d="M2.586 15.408l4.299 4.299a.996.996 0 00.707.293h12.001v-2h-6.958l7.222-7.222c.78-.779.78-2.049 0-2.828L14.906 3a2.003 2.003 0 00-2.828 0l-4.75 4.749-4.754 4.843a2.007 2.007 0 00.012 2.816zM13.492 4.414l4.95 4.95-2.586 2.586L10.906 7l2.586-2.586zM8.749 9.156l.743-.742 4.95 4.95-4.557 4.557a1.026 1.026 0 00-.069.079h-1.81l-4.005-4.007 4.748-4.837z" />
    </Svg>
  );
}

export default BoxiconsEraser;


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="M2.586 15.408l4.299 4.299a.996.996 0 00.707.293h12.001v-2h-6.958l7.222-7.222c.78-.779.78-2.049 0-2.828L14.906 3a2.003 2.003 0 00-2.828 0l-4.75 4.749-4.754 4.843a2.007 2.007 0 00.012 2.816zM13.492 4.414l4.95 4.95-2.586 2.586L10.906 7l2.586-2.586zM8.749 9.156l.743-.742 4.95 4.95-4.557 4.557a1.026 1.026 0 00-.069.079h-1.81l-4.005-4.007 4.748-4.837z" />
    </svg>
  ))({
    className: props.className,
  });

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


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="M2.586 15.408l4.299 4.299a.996.996 0 00.707.293h12.001v-2h-6.958l7.222-7.222c.78-.779.78-2.049 0-2.828L14.906 3a2.003 2.003 0 00-2.828 0l-4.75 4.749-4.754 4.843a2.007 2.007 0 00.012 2.816zM13.492 4.414l4.95 4.95-2.586 2.586L10.906 7l2.586-2.586zM8.749 9.156l.743-.742 4.95 4.95-4.557 4.557a1.026 1.026 0 00-.069.079h-1.81l-4.005-4.007 4.748-4.837z" />
    </svg>
  ))({
    className: props.className,
  });

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