@semcore/icon
Version:
Semrush Icon Component
138 lines • 5.58 kB
JavaScript
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
import React from 'react';
import { createBaseComponent } from '@semcore/core';
import Icon from '@semcore/icon';
function JCB({
width = '32',
height = '24',
viewBox = '0 0 32 24',
...props
}, ref) {
return /*#__PURE__*/React.createElement(Icon, _extends({
ref: ref,
"data-name": "JCB",
"data-group": "l",
width: width,
height: height,
viewBox: viewBox
}, props), /*#__PURE__*/React.createElement("path", {
d: "M32 21.82c0 1.2-.9 2.18-2 2.18H2c-1.1 0-2-.98-2-2.18V2.18C0 .98.9 0 2 0h28c1.1 0 2 .98 2 2.18v19.64Z",
fill: "#EBEBEB",
shapeRendering: "geometricPrecision"
}), /*#__PURE__*/React.createElement("path", {
d: "M23.6 14.15h1.87l.24-.01c.35-.08.66-.4.66-.87 0-.44-.3-.77-.66-.86-.06-.02-.16-.02-.24-.02H23.6v1.76Z",
fill: "url(#intergalactic-icon-JCB_l_a-4.53.1)",
shapeRendering: "geometricPrecision"
}), /*#__PURE__*/React.createElement("path", {
d: "M25.26 2a3.3 3.3 0 0 0-3.24 3.34V8.8h4.58c.1 0 .23 0 .32.02 1.03.05 1.8.6 1.8 1.56 0 .75-.52 1.4-1.48 1.52v.04c1.05.07 1.85.67 1.85 1.6 0 1.02-.89 1.68-2.07 1.68H22V22h4.76A3.3 3.3 0 0 0 30 18.66V2h-4.74Z",
fill: "url(#intergalactic-icon-JCB_l_b-4.53.1)",
shapeRendering: "geometricPrecision"
}), /*#__PURE__*/React.createElement("path", {
d: "M26.13 10.6c0-.44-.3-.74-.66-.79l-.17-.02h-1.7v1.61h1.7l.17-.01a.77.77 0 0 0 .66-.8Z",
fill: "url(#intergalactic-icon-JCB_l_c-4.53.1)",
shapeRendering: "geometricPrecision"
}), /*#__PURE__*/React.createElement("path", {
d: "M5.26 2a3.3 3.3 0 0 0-3.24 3.34v8.24c.9.46 1.85.75 2.8.75 1.12 0 1.72-.7 1.72-1.65v-3.9h2.78v3.88c0 1.5-.9 2.73-3.99 2.73-1.87 0-3.33-.42-3.33-.42V22h4.76A3.3 3.3 0 0 0 10 18.66V2H5.26Z",
fill: "url(#intergalactic-icon-JCB_l_d-4.53.1)",
shapeRendering: "geometricPrecision"
}), /*#__PURE__*/React.createElement("path", {
d: "M15.24 2A3.29 3.29 0 0 0 12 5.33V9.7c.82-.71 2.24-1.17 4.54-1.06 1.23.05 2.55.4 2.55.4v1.41a6.04 6.04 0 0 0-2.46-.73c-1.74-.13-2.8.75-2.8 2.29 0 1.56 1.06 2.44 2.8 2.29 1.02-.07 1.8-.4 2.46-.73v1.4s-1.3.35-2.55.41c-2.3.11-3.72-.35-4.54-1.06V22h4.76A3.29 3.29 0 0 0 20 18.67V2h-4.76Z",
fill: "url(#intergalactic-icon-JCB_l_e-4.53.1)",
shapeRendering: "geometricPrecision"
}), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
id: "intergalactic-icon-JCB_l_a-4.53.1",
x1: "22.01",
y1: "13.28",
x2: "30.02",
y2: "13.28",
gradientUnits: "userSpaceOnUse"
}, /*#__PURE__*/React.createElement("stop", {
stopColor: "#007940"
}), /*#__PURE__*/React.createElement("stop", {
offset: ".23",
stopColor: "#00873F"
}), /*#__PURE__*/React.createElement("stop", {
offset: ".74",
stopColor: "#40A737"
}), /*#__PURE__*/React.createElement("stop", {
offset: "1",
stopColor: "#5CB531"
})), /*#__PURE__*/React.createElement("linearGradient", {
id: "intergalactic-icon-JCB_l_b-4.53.1",
x1: "22.01",
y1: "11.99",
x2: "30.02",
y2: "11.99",
gradientUnits: "userSpaceOnUse"
}, /*#__PURE__*/React.createElement("stop", {
stopColor: "#007940"
}), /*#__PURE__*/React.createElement("stop", {
offset: ".23",
stopColor: "#00873F"
}), /*#__PURE__*/React.createElement("stop", {
offset: ".74",
stopColor: "#40A737"
}), /*#__PURE__*/React.createElement("stop", {
offset: "1",
stopColor: "#5CB531"
})), /*#__PURE__*/React.createElement("linearGradient", {
id: "intergalactic-icon-JCB_l_c-4.53.1",
x1: "22.01",
y1: "10.6",
x2: "30.02",
y2: "10.6",
gradientUnits: "userSpaceOnUse"
}, /*#__PURE__*/React.createElement("stop", {
stopColor: "#007940"
}), /*#__PURE__*/React.createElement("stop", {
offset: ".23",
stopColor: "#00873F"
}), /*#__PURE__*/React.createElement("stop", {
offset: ".74",
stopColor: "#40A737"
}), /*#__PURE__*/React.createElement("stop", {
offset: "1",
stopColor: "#5CB531"
})), /*#__PURE__*/React.createElement("linearGradient", {
id: "intergalactic-icon-JCB_l_d-4.53.1",
x1: "2.01",
y1: "12",
x2: "10.14",
y2: "12",
gradientUnits: "userSpaceOnUse"
}, /*#__PURE__*/React.createElement("stop", {
stopColor: "#1F286F"
}), /*#__PURE__*/React.createElement("stop", {
offset: ".48",
stopColor: "#004E94"
}), /*#__PURE__*/React.createElement("stop", {
offset: ".83",
stopColor: "#0066B1"
}), /*#__PURE__*/React.createElement("stop", {
offset: "1",
stopColor: "#006FBC"
})), /*#__PURE__*/React.createElement("linearGradient", {
id: "intergalactic-icon-JCB_l_e-4.53.1",
x1: "11.95",
y1: "11.98",
x2: "19.85",
y2: "11.98",
gradientUnits: "userSpaceOnUse"
}, /*#__PURE__*/React.createElement("stop", {
stopColor: "#6C2C2F"
}), /*#__PURE__*/React.createElement("stop", {
offset: ".17",
stopColor: "#882730"
}), /*#__PURE__*/React.createElement("stop", {
offset: ".57",
stopColor: "#BE1833"
}), /*#__PURE__*/React.createElement("stop", {
offset: ".86",
stopColor: "#DC0436"
}), /*#__PURE__*/React.createElement("stop", {
offset: "1",
stopColor: "#E60039"
}))));
}
JCB.displayName = 'JCB';
export default createBaseComponent(JCB);