@scaleflex/icons
Version:
SVG icons as React components
78 lines • 2.49 kB
JavaScript
import _extends from "@babel/runtime/helpers/extends";
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
var _excluded = ["color", "size"];
import React from 'react';
import { intrinsicComponent } from './utils/functions';
export var FormPositionRight = intrinsicComponent(function (_ref, ref) {
var _ref$color = _ref.color,
color = _ref$color === void 0 ? 'currentColor' : _ref$color,
_ref$size = _ref.size,
size = _ref$size === void 0 ? 14 : _ref$size,
rest = _objectWithoutProperties(_ref, _excluded);
return /*#__PURE__*/React.createElement("svg", _extends({
"data-icon-name": "FormPositionRight",
ref: ref,
width: size,
height: size,
viewBox: "0 0 68 48",
fill: "none",
xmlns: "http://www.w3.org/2000/svg"
}, rest), /*#__PURE__*/React.createElement("g", {
clipPath: "url(#clip0_25275_19238)"
}, /*#__PURE__*/React.createElement("rect", {
x: "34",
y: "-0.5",
width: "1",
height: "49",
fill: color
}), /*#__PURE__*/React.createElement("rect", {
x: "39.5",
y: "18.5",
width: "23",
height: "3",
rx: "0.5",
stroke: color
}), /*#__PURE__*/React.createElement("rect", {
x: "43.5",
y: "25.5",
width: "15",
height: "3",
rx: "0.5",
fill: color,
stroke: color
}), /*#__PURE__*/React.createElement("g", {
clipPath: "url(#clip1_25275_19238)"
}, /*#__PURE__*/React.createElement("path", {
d: "M0 4C0 1.79086 1.79086 0 4 0H35V48H4C1.79086 48 0 46.2091 0 44V4Z",
fill: "#F3F7FA"
}), /*#__PURE__*/React.createElement("rect", {
x: "34",
y: "-0.5",
width: "1",
height: "49",
fill: color
})), /*#__PURE__*/React.createElement("path", {
d: "M0.5 4C0.5 2.067 2.067 0.5 4 0.5H34.5V47.5H4C2.067 47.5 0.5 45.933 0.5 44V4Z",
stroke: color
})), /*#__PURE__*/React.createElement("rect", {
x: "0.5",
y: "0.5",
width: "67",
height: "47",
rx: "3.5",
stroke: color
}), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
id: "clip0_25275_19238"
}, /*#__PURE__*/React.createElement("rect", {
width: "68",
height: "48",
rx: "4",
fill: "white"
})), /*#__PURE__*/React.createElement("clipPath", {
id: "clip1_25275_19238"
}, /*#__PURE__*/React.createElement("path", {
d: "M0 4C0 1.79086 1.79086 0 4 0H35V48H4C1.79086 48 0 46.2091 0 44V4Z",
fill: "white"
}))));
});
export default FormPositionRight;