@lnanhkhoa/react-native-iconly
Version:
React native component for Iconly icons
133 lines • 4.88 kB
JavaScript
import { G, Path, Defs } from 'react-native-svg';
import * as React from 'react';
import withIcon from '../lib/withIcon';
const CaretLeft = _ref => {
let {
color,
secondaryColor,
strokeWidth,
opacity,
set
} = _ref;
const Bold = () => /*#__PURE__*/React.createElement(G, {
transform: "translate(3 6.5)"
}, /*#__PURE__*/React.createElement(Path, {
d: "M8.859,10.91a.715.715,0,0,0,.38-.627V6.217h8.027a.717.717,0,1,0,0-1.435H9.238V.717A.712.712,0,0,0,8.859.09a.748.748,0,0,0-.746.02L.343,4.893a.709.709,0,0,0,0,1.215l7.77,4.783a.748.748,0,0,0,.746.02",
transform: "translate(0 0)",
fill: color
}));
const Bulk = () => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Defs, null, /*#__PURE__*/React.createElement("clipPath", {
id: "clip-Path"
}, /*#__PURE__*/React.createElement(Path, {
d: "M0,0H10.9V8.939H0Z",
transform: "translate(0 0.534)",
fill: "none"
}))), /*#__PURE__*/React.createElement(G, {
transform: "translate(21 6.5) rotate(90)"
}, /*#__PURE__*/React.createElement(Path, {
d: "M1.421.711V9.189A.711.711,0,1,1,0,9.189V.711a.711.711,0,0,1,1.421,0",
transform: "translate(4.738 0)",
fill: secondaryColor,
opacity: opacity
}), /*#__PURE__*/React.createElement(G, {
transform: "translate(0 7.944)"
}, /*#__PURE__*/React.createElement(Path, {
d: "M0,0H10.9V8.939H0Z",
transform: "translate(0 0.534)",
fill: "none"
}), /*#__PURE__*/React.createElement(G, {
clipPath: "url(#clip-Path)"
}, /*#__PURE__*/React.createElement(Path, {
d: "M10.9.711a.715.715,0,0,1-.109.379L6.05,8.608a.71.71,0,0,1-1.2,0L.109,1.089A.712.712,0,0,1,.711,0h9.476A.713.713,0,0,1,10.9.711",
transform: "translate(0 0.534)",
fill: color
})))));
const Light = () => /*#__PURE__*/React.createElement(G, {
transform: "translate(21 6.5) rotate(90)"
}, /*#__PURE__*/React.createElement(Path, {
d: "M.5,8.95V0",
transform: "translate(5.251 0.75)",
fill: "none",
stroke: color,
strokeLinecap: "round",
strokeLinejoin: "round",
strokeMiterlimit: "10",
strokeWidth: strokeWidth
}), /*#__PURE__*/React.createElement(Path, {
d: "M0,0,5,7.937,10,0Z",
transform: "translate(0.75 9.7)",
fill: "none",
stroke: color,
strokeLinecap: "round",
strokeLinejoin: "round",
strokeMiterlimit: "10",
strokeWidth: strokeWidth
}));
const Broken = () => /*#__PURE__*/React.createElement(G, {
transform: "translate(2.5 6)"
}, /*#__PURE__*/React.createElement(Path, {
d: "M10.283,8.762H6.217V.734a.717.717,0,1,0-1.435,0V8.762H.717a.714.714,0,0,0-.628.38.748.748,0,0,0,.021.745l4.783,7.77a.708.708,0,0,0,1.215,0l2.975-4.835a.744.744,0,0,0-.224-1.012.709.709,0,0,0-.99.231L5.5,15.887,2.016,10.23h8.267a.734.734,0,0,0,0-1.468",
transform: "translate(18.5 0.5) rotate(90)",
fill: color
}));
const TwoTone = () => /*#__PURE__*/React.createElement(G, {
transform: "translate(21 6.5) rotate(90)"
}, /*#__PURE__*/React.createElement(Path, {
d: "M.5,8.95V0",
transform: "translate(5.251 0.75)",
fill: "none",
stroke: secondaryColor,
strokeLinecap: "round",
strokeLinejoin: "round",
strokeMiterlimit: "10",
strokeWidth: strokeWidth,
opacity: opacity
}), /*#__PURE__*/React.createElement(Path, {
d: "M0,0,5,7.937,10,0Z",
transform: "translate(0.75 9.7)",
fill: "none",
stroke: color,
strokeLinecap: "round",
strokeLinejoin: "round",
strokeMiterlimit: "10",
strokeWidth: strokeWidth
}));
const Curved = () => /*#__PURE__*/React.createElement(G, {
transform: "translate(21 6.5) rotate(90)"
}, /*#__PURE__*/React.createElement(Path, {
d: "M.5,8.95V0",
transform: "translate(4.894 0.75)",
fill: "none",
stroke: color,
strokeLinecap: "round",
strokeLinejoin: "round",
strokeMiterlimit: "10",
strokeWidth: strokeWidth
}), /*#__PURE__*/React.createElement(Path, {
d: "M4.65,7.654C5.906,7.654,9.921,1.29,9.2.568S.892-.223.1.568,3.395,7.654,4.65,7.654Z",
transform: "translate(0.75 9.7)",
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);
}
};
CaretLeft.displayName = 'IconlyCaretLeft';
export default withIcon(CaretLeft);
//# sourceMappingURL=CaretLeft.js.map