UNPKG

@lnanhkhoa/react-native-iconly

Version:

React native component for Iconly icons

119 lines 4.95 kB
import { G, Path } from 'react-native-svg'; import * as React from 'react'; import withIcon from '../lib/withIcon'; const ArrowUp = _ref => { let { color, secondaryColor, strokeWidth, opacity, set } = _ref; const Bold = () => /*#__PURE__*/React.createElement(G, { transform: "translate(6 3)" }, /*#__PURE__*/React.createElement(Path, { d: "M4.482,16.5l.327-3.7a1.191,1.191,0,0,1,2.381,0l.328,3.7a1.518,1.518,0,0,1-3.036,0ZM2.318,9.949l-.544-.113A3.886,3.886,0,0,1,.992,9.6,1.814,1.814,0,0,1,0,8V7.942A5.023,5.023,0,0,1,.408,6.6,22.605,22.605,0,0,1,4.2,1.006l.4-.379A3.481,3.481,0,0,1,4.928.347,1.766,1.766,0,0,1,5.992,0,1.853,1.853,0,0,1,7.13.375l.42.39.09.087a22.081,22.081,0,0,1,4.024,5.891l.094.244A4.065,4.065,0,0,1,12,7.942a2.005,2.005,0,0,1-.219.91,1.889,1.889,0,0,1-.9.808,9.728,9.728,0,0,1-1.064.261,22.373,22.373,0,0,1-3.452.243H6.007A27.187,27.187,0,0,1,2.318,9.949Z", transform: "translate(0 0)", fill: color })); const Bulk = () => /*#__PURE__*/React.createElement(G, { transform: "translate(18 21) rotate(180)" }, /*#__PURE__*/React.createElement(Path, { d: "M.327,5.2,0,1.5a1.518,1.518,0,0,1,3.036,0L2.709,5.2a1.191,1.191,0,0,1-2.381,0", transform: "translate(4.483 0)", fill: secondaryColor, opacity: opacity }), /*#__PURE__*/React.createElement(Path, { d: "M4.87,9.79c-.058-.058-.305-.274-.51-.477A22.073,22.073,0,0,1,.336,3.422,4.828,4.828,0,0,1,0,2.223a2,2,0,0,1,.219-.91,1.886,1.886,0,0,1,.9-.808A9.79,9.79,0,0,1,2.188.244,23.636,23.636,0,0,1,5.993,0,27.291,27.291,0,0,1,9.681.216a8.26,8.26,0,0,1,1.327.347A1.815,1.815,0,0,1,12,2.165v.058a5.031,5.031,0,0,1-.408,1.343A22.044,22.044,0,0,1,7.626,9.327a5.693,5.693,0,0,1-.554.491,1.768,1.768,0,0,1-1.064.347A1.856,1.856,0,0,1,4.87,9.79", transform: "translate(0 7.835)", fill: color })); const Light = () => /*#__PURE__*/React.createElement(G, { transform: "translate(18.5 20) rotate(180)" }, /*#__PURE__*/React.createElement(Path, { d: "M.5,15V0", transform: "translate(6.274 0.75)", fill: "none", stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeMiterlimit: "10", strokeWidth: strokeWidth }), /*#__PURE__*/React.createElement(Path, { d: "M12.049,0,6.025,6.05,0,0", 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(4.5 3)" }, /*#__PURE__*/React.createElement(Path, { d: "M6.676,17.285l-.006-.1V.818A.818.818,0,0,1,7.183.062.841.841,0,0,1,8,.168l.083.073,6.671,6.6a.81.81,0,0,1,0,1.157.839.839,0,0,1-1.09.071L13.581,8,8.33,2.8V17.182a.831.831,0,0,1-1.654.1ZM.244,8A.81.81,0,0,1,.167,6.925L.242,6.84,3.92,3.2A.841.841,0,0,1,5.1,3.2a.808.808,0,0,1,.077,1.073L5.1,4.355,1.418,8A.839.839,0,0,1,.244,8Z", transform: "translate(0)", fill: color })); const TwoTone = () => /*#__PURE__*/React.createElement(G, { transform: "translate(18.5 20) rotate(180)" }, /*#__PURE__*/React.createElement(Path, { d: "M.5,15V0", transform: "translate(6.274 0.75)", fill: "none", stroke: secondaryColor, strokeLinecap: "round", strokeLinejoin: "round", strokeMiterlimit: "10", strokeWidth: strokeWidth, opacity: opacity }), /*#__PURE__*/React.createElement(Path, { d: "M12.049,0,6.025,6.05,0,0", 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(18.5 20) rotate(180)" }, /*#__PURE__*/React.createElement(Path, { d: "M.5,15V0", transform: "translate(6.274 0.75)", fill: "none", stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeMiterlimit: "10", strokeWidth: strokeWidth }), /*#__PURE__*/React.createElement(Path, { d: "M12.049,0S8.788,6.05,6.026,6.05,0,0,0,0", 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); } }; ArrowUp.displayName = 'IconlyArrowUp'; export default withIcon(ArrowUp); //# sourceMappingURL=ArrowUp.js.map