boxicons

import * as React from "react";

function BoxiconsPieChartAlt(props) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} {...props}>
      <path d="M12 2a9.936 9.936 0 00-7.071 2.929C3.04 6.818 2 9.33 2 12s1.04 5.182 2.929 7.071C6.818 20.96 9.33 22 12 22s5.182-1.04 7.071-2.929C20.96 17.182 22 14.67 22 12s-1.04-5.182-2.929-7.071A9.936 9.936 0 0012 2zm5.657 15.657C16.146 19.168 14.137 20 12 20s-4.146-.832-5.657-2.343C4.832 16.146 4 14.137 4 12s.832-4.146 2.343-5.657A7.927 7.927 0 0111 4.069V12a1 1 0 001 1h7.931a7.927 7.927 0 01-2.274 4.657zM13 11V4.062a7.945 7.945 0 014.657 2.281A7.934 7.934 0 0119.938 11H13z" />
    </svg>
  );
}

export default BoxiconsPieChartAlt;


import * as React from "react";

function BoxiconsPieChartAlt(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} {...props}>
      <path d="M12 2a9.936 9.936 0 00-7.071 2.929C3.04 6.818 2 9.33 2 12s1.04 5.182 2.929 7.071C6.818 20.96 9.33 22 12 22s5.182-1.04 7.071-2.929C20.96 17.182 22 14.67 22 12s-1.04-5.182-2.929-7.071A9.936 9.936 0 0012 2zm5.657 15.657C16.146 19.168 14.137 20 12 20s-4.146-.832-5.657-2.343C4.832 16.146 4 14.137 4 12s.832-4.146 2.343-5.657A7.927 7.927 0 0111 4.069V12a1 1 0 001 1h7.931a7.927 7.927 0 01-2.274 4.657zM13 11V4.062a7.945 7.945 0 014.657 2.281A7.934 7.934 0 0119.938 11H13z" />
    </svg>
  );
}

export default BoxiconsPieChartAlt;


import { BiPieChartAlt } from react-icons/bi;

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

function BoxiconsPieChartAlt(props) {
  return (
    <Svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} {...props}>
      <Path d="M12 2a9.936 9.936 0 00-7.071 2.929C3.04 6.818 2 9.33 2 12s1.04 5.182 2.929 7.071C6.818 20.96 9.33 22 12 22s5.182-1.04 7.071-2.929C20.96 17.182 22 14.67 22 12s-1.04-5.182-2.929-7.071A9.936 9.936 0 0012 2zm5.657 15.657C16.146 19.168 14.137 20 12 20s-4.146-.832-5.657-2.343C4.832 16.146 4 14.137 4 12s.832-4.146 2.343-5.657A7.927 7.927 0 0111 4.069V12a1 1 0 001 1h7.931a7.927 7.927 0 01-2.274 4.657zM13 11V4.062a7.945 7.945 0 014.657 2.281A7.934 7.934 0 0119.938 11H13z" />
    </Svg>
  );
}

export default BoxiconsPieChartAlt;


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

function BoxiconsPieChartAlt(props: SvgProps) {
  return (
    <Svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} {...props}>
      <Path d="M12 2a9.936 9.936 0 00-7.071 2.929C3.04 6.818 2 9.33 2 12s1.04 5.182 2.929 7.071C6.818 20.96 9.33 22 12 22s5.182-1.04 7.071-2.929C20.96 17.182 22 14.67 22 12s-1.04-5.182-2.929-7.071A9.936 9.936 0 0012 2zm5.657 15.657C16.146 19.168 14.137 20 12 20s-4.146-.832-5.657-2.343C4.832 16.146 4 14.137 4 12s.832-4.146 2.343-5.657A7.927 7.927 0 0111 4.069V12a1 1 0 001 1h7.931a7.927 7.927 0 01-2.274 4.657zM13 11V4.062a7.945 7.945 0 014.657 2.281A7.934 7.934 0 0119.938 11H13z" />
    </Svg>
  );
}

export default BoxiconsPieChartAlt;


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="M12 2a9.936 9.936 0 00-7.071 2.929C3.04 6.818 2 9.33 2 12s1.04 5.182 2.929 7.071C6.818 20.96 9.33 22 12 22s5.182-1.04 7.071-2.929C20.96 17.182 22 14.67 22 12s-1.04-5.182-2.929-7.071A9.936 9.936 0 0012 2zm5.657 15.657C16.146 19.168 14.137 20 12 20s-4.146-.832-5.657-2.343C4.832 16.146 4 14.137 4 12s.832-4.146 2.343-5.657A7.927 7.927 0 0111 4.069V12a1 1 0 001 1h7.931a7.927 7.927 0 01-2.274 4.657zM13 11V4.062a7.945 7.945 0 014.657 2.281A7.934 7.934 0 0119.938 11H13z" />
    </svg>
  ))({
    className: props.className,
  });

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


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="M12 2a9.936 9.936 0 00-7.071 2.929C3.04 6.818 2 9.33 2 12s1.04 5.182 2.929 7.071C6.818 20.96 9.33 22 12 22s5.182-1.04 7.071-2.929C20.96 17.182 22 14.67 22 12s-1.04-5.182-2.929-7.071A9.936 9.936 0 0012 2zm5.657 15.657C16.146 19.168 14.137 20 12 20s-4.146-.832-5.657-2.343C4.832 16.146 4 14.137 4 12s.832-4.146 2.343-5.657A7.927 7.927 0 0111 4.069V12a1 1 0 001 1h7.931a7.927 7.927 0 01-2.274 4.657zM13 11V4.062a7.945 7.945 0 014.657 2.281A7.934 7.934 0 0119.938 11H13z" />
    </svg>
  ))({
    className: props.className,
  });

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