boxicons

import * as React from "react";

function BoxiconsRun(props) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} {...props}>
      <circle cx={17} cy={4} r={2} />
      <path d="M15.777 10.969a2.007 2.007 0 002.148.83l3.316-.829-.483-1.94-3.316.829-1.379-2.067a2.01 2.01 0 00-1.272-.854l-3.846-.77a1.998 1.998 0 00-2.181 1.067l-1.658 3.316 1.789.895 1.658-3.317 1.967.394L7.434 17H3v2h4.434c.698 0 1.355-.372 1.715-.971l1.918-3.196 5.169 1.034 1.816 5.449 1.896-.633-1.815-5.448a2.007 2.007 0 00-1.506-1.33l-3.039-.607 1.772-2.954.417.625z" />
    </svg>
  );
}

export default BoxiconsRun;


import * as React from "react";

function BoxiconsRun(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} {...props}>
      <circle cx={17} cy={4} r={2} />
      <path d="M15.777 10.969a2.007 2.007 0 002.148.83l3.316-.829-.483-1.94-3.316.829-1.379-2.067a2.01 2.01 0 00-1.272-.854l-3.846-.77a1.998 1.998 0 00-2.181 1.067l-1.658 3.316 1.789.895 1.658-3.317 1.967.394L7.434 17H3v2h4.434c.698 0 1.355-.372 1.715-.971l1.918-3.196 5.169 1.034 1.816 5.449 1.896-.633-1.815-5.448a2.007 2.007 0 00-1.506-1.33l-3.039-.607 1.772-2.954.417.625z" />
    </svg>
  );
}

export default BoxiconsRun;


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

function BoxiconsRun(props) {
  return (
    <Svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} {...props}>
      <Circle cx={17} cy={4} r={2} />
      <Path d="M15.777 10.969a2.007 2.007 0 002.148.83l3.316-.829-.483-1.94-3.316.829-1.379-2.067a2.01 2.01 0 00-1.272-.854l-3.846-.77a1.998 1.998 0 00-2.181 1.067l-1.658 3.316 1.789.895 1.658-3.317 1.967.394L7.434 17H3v2h4.434c.698 0 1.355-.372 1.715-.971l1.918-3.196 5.169 1.034 1.816 5.449 1.896-.633-1.815-5.448a2.007 2.007 0 00-1.506-1.33l-3.039-.607 1.772-2.954.417.625z" />
    </Svg>
  );
}

export default BoxiconsRun;


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

function BoxiconsRun(props: SvgProps) {
  return (
    <Svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} {...props}>
      <Circle cx={17} cy={4} r={2} />
      <Path d="M15.777 10.969a2.007 2.007 0 002.148.83l3.316-.829-.483-1.94-3.316.829-1.379-2.067a2.01 2.01 0 00-1.272-.854l-3.846-.77a1.998 1.998 0 00-2.181 1.067l-1.658 3.316 1.789.895 1.658-3.317 1.967.394L7.434 17H3v2h4.434c.698 0 1.355-.372 1.715-.971l1.918-3.196 5.169 1.034 1.816 5.449 1.896-.633-1.815-5.448a2.007 2.007 0 00-1.506-1.33l-3.039-.607 1.772-2.954.417.625z" />
    </Svg>
  );
}

export default BoxiconsRun;


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}>
      <circle cx={17} cy={4} r={2} />
      <path d="M15.777 10.969a2.007 2.007 0 002.148.83l3.316-.829-.483-1.94-3.316.829-1.379-2.067a2.01 2.01 0 00-1.272-.854l-3.846-.77a1.998 1.998 0 00-2.181 1.067l-1.658 3.316 1.789.895 1.658-3.317 1.967.394L7.434 17H3v2h4.434c.698 0 1.355-.372 1.715-.971l1.918-3.196 5.169 1.034 1.816 5.449 1.896-.633-1.815-5.448a2.007 2.007 0 00-1.506-1.33l-3.039-.607 1.772-2.954.417.625z" />
    </svg>
  ))({
    className: props.className,
  });

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


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}>
      <circle cx={17} cy={4} r={2} />
      <path d="M15.777 10.969a2.007 2.007 0 002.148.83l3.316-.829-.483-1.94-3.316.829-1.379-2.067a2.01 2.01 0 00-1.272-.854l-3.846-.77a1.998 1.998 0 00-2.181 1.067l-1.658 3.316 1.789.895 1.658-3.317 1.967.394L7.434 17H3v2h4.434c.698 0 1.355-.372 1.715-.971l1.918-3.196 5.169 1.034 1.816 5.449 1.896-.633-1.815-5.448a2.007 2.007 0 00-1.506-1.33l-3.039-.607 1.772-2.954.417.625z" />
    </svg>
  ))({
    className: props.className,
  });

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