@lnanhkhoa/react-native-iconly/lib/module/Icons/ChevronRightCircle.js

React native component for Iconly icons

import { G, Path } from 'react-native-svg';
import * as React from 'react';
import withIcon from '../lib/withIcon';
const ChevronRightCircle = _ref => {
  let {
    color,
    secondaryColor,
    strokeWidth,
    opacity,
    set
  } = _ref;
  const Bold = () => /*#__PURE__*/React.createElement(G, {
    transform: "translate(2 2)"
  }, /*#__PURE__*/React.createElement(Path, {
    d: "M10,20l-.28,0A10.011,10.011,0,1,1,10,20ZM8.56,5.78a.745.745,0,0,0-.53,1.28L10.98,10,8.03,12.94A.746.746,0,0,0,8.02,14a.752.752,0,0,0,.534.225A.727.727,0,0,0,9.08,14l3.49-3.47a.75.75,0,0,0,0-1.06L9.08,6A.7.7,0,0,0,8.56,5.78Z",
    transform: "translate(0 0)",
    fill: color
  }));
  const Bulk = () => /*#__PURE__*/React.createElement(G, {
    transform: "translate(2 22) rotate(-90)"
  }, /*#__PURE__*/React.createElement(Path, {
    d: "M20,10A10,10,0,1,1,10,0,10.011,10.011,0,0,1,20,10",
    transform: "translate(0 0)",
    fill: secondaryColor,
    opacity: opacity
  }), /*#__PURE__*/React.createElement(Path, {
    d: "M8.443.749a.747.747,0,0,1-.219.529L4.754,4.765a.752.752,0,0,1-1.063,0L.219,1.278A.75.75,0,0,1,1.282.22l2.94,2.953L7.162.22A.75.75,0,0,1,8.443.749",
    transform: "translate(5.778 7.808)",
    fill: color
  }));
  const Light = () => /*#__PURE__*/React.createElement(G, {
    transform: "translate(2 22) rotate(-90)"
  }, /*#__PURE__*/React.createElement(Path, {
    d: "M0,9.25A9.25,9.25,0,1,0,9.25,0,9.25,9.25,0,0,0,0,9.25Z",
    transform: "translate(0.75 0.75)",
    fill: "none",
    stroke: color,
    strokeLinecap: "round",
    strokeLinejoin: "round",
    strokeMiterlimit: "10",
    strokeWidth: strokeWidth
  }), /*#__PURE__*/React.createElement(Path, {
    d: "M0,0,3.471,3.486,6.942,0",
    transform: "translate(6.529 8.558)",
    fill: "none",
    stroke: color,
    strokeLinecap: "round",
    strokeLinejoin: "round",
    strokeMiterlimit: "10",
    strokeWidth: strokeWidth
  }));
  const Broken = () => /*#__PURE__*/React.createElement(G, {
    transform: "translate(2 2)"
  }, /*#__PURE__*/React.createElement(Path, {
    d: "M0,10A9.94,9.94,0,0,1,3.9,2.073.727.727,0,0,1,4.79,3.226,8.546,8.546,0,1,0,10,1.454a8.645,8.645,0,0,0-1.3.1A.727.727,0,0,1,8.481.114,10,10,0,1,1,0,10Zm9.468,2.573L6,9.087A.75.75,0,1,1,7.06,8.028L10,10.981l2.94-2.953A.75.75,0,0,1,14,9.087L10.53,12.573a.747.747,0,0,1-1.062,0Z",
    transform: "translate(0 20) rotate(-90)",
    fill: color
  }));
  const TwoTone = () => /*#__PURE__*/React.createElement(G, {
    transform: "translate(2 22) rotate(-90)"
  }, /*#__PURE__*/React.createElement(Path, {
    d: "M0,9.25A9.25,9.25,0,1,0,9.25,0,9.25,9.25,0,0,0,0,9.25Z",
    transform: "translate(0.75 0.75)",
    fill: "none",
    stroke: secondaryColor,
    strokeLinecap: "round",
    strokeLinejoin: "round",
    strokeMiterlimit: "10",
    strokeWidth: strokeWidth,
    opacity: opacity
  }), /*#__PURE__*/React.createElement(Path, {
    d: "M0,0,3.471,3.486,6.942,0",
    transform: "translate(6.529 8.558)",
    fill: "none",
    stroke: color,
    strokeLinecap: "round",
    strokeLinejoin: "round",
    strokeMiterlimit: "10",
    strokeWidth: strokeWidth
  }));
  const Curved = () => /*#__PURE__*/React.createElement(G, {
    transform: "translate(2 22) rotate(-90)"
  }, /*#__PURE__*/React.createElement(Path, {
    d: "M0,9.25c0,6.937,2.313,9.25,9.25,9.25s9.25-2.313,9.25-9.25S16.187,0,9.25,0,0,2.313,0,9.25Z",
    transform: "translate(0.75 0.75)",
    fill: "none",
    stroke: color,
    strokeLinecap: "round",
    strokeLinejoin: "round",
    strokeMiterlimit: "10",
    strokeWidth: strokeWidth
  }), /*#__PURE__*/React.createElement(Path, {
    d: "M0,0S2.392,3.486,3.472,3.486,6.942,0,6.942,0",
    transform: "translate(6.529 8.558)",
    fill: "none",
    stroke: color,
    strokeLinecap: "round",
    strokeLinejoin: "round",
    strokeMiterlimit: "10",
    strokeWidth: strokeWidth
  }));
  switch (set) {
    case 'bold':
      return /*#__PURE__*/React.createElement(Bold, null);
    case 'bulk':
      return /*#__PURE__*/React.createElement(Bulk, null);
    case 'broken':
      return /*#__PURE__*/React.createElement(Broken, null);
    case 'two-tone':
      return /*#__PURE__*/React.createElement(TwoTone, null);
    case 'curved':
      return /*#__PURE__*/React.createElement(Curved, null);
    default:
      return /*#__PURE__*/React.createElement(Light, null);
  }
};
ChevronRightCircle.displayName = 'IconlyChevronRightCircle';
export default withIcon(ChevronRightCircle);
//# sourceMappingURL=ChevronRightCircle.js.map